如何渲染d3.layout.tree以使其向下传播(root在顶部)

Question

我在下面发现了一棵奇妙的树,几乎满足了我的需求.但是,我想纵向扩展树.任何人都可以给我任何想法如何制作它或任何参考网站.任何帮助将不胜感激.

http://mbostock.github.com/d3/talk/20111018/tree.html

Answer 1

一般来说,旋转是简单的数学过程.

如果该点的原始坐标是{x,y}:

{-y,x} = rotated 90° (anti-clockwise)
{y,-x} = rotated -90° (clockwise)
{-x,y} = mirrored along y-axis
{x,-y} = mirroded along x-axis
{-x,-y} = mirroded along both

这些开关应该在所有路径和坐标计算中完成.我认为,相当一份工作.

是否可以将整个模式包含在单个模式中DIV？然后你可以尝试DIV使用CSS3-transform 旋转它.