javascript - 如何渲染 d3.layout.tree 使其向下传播(根在顶部)

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 中？然后您可以尝试使用 CSS3 变换来旋转此 DIV。