D3.js拖放，Zoomable，平移，可折叠树与自动调整大小 - 需要改变方向

Question

我设法让这个D3 example正常工作，但现在我需要将方向从左到右改为从上到下。

我看过this post和this one并尝试改变X，Y坐标，但没有太多的快乐。我设法让节点垂直堆叠，但节点链接仍然是垂直的，节点之间的间距完全关闭，它们重叠。

Answer 1

试试这个例子：

• left-to-right

  

var diagonal = d3.svg.diagonal（）           .projection（function（d）{           return [d.y，d.x];       }）;

• 的 top-to-bottom

  

var diagonal = d3.svg.diagonal（）           .projection（function（d）{           return [d.x，d.y];       }）;