垂直翻转D3树形图

Question

以下D3js树形图是水平的。如何将其翻转为垂直方向？谢谢。以下是部分代码。完整的代码可以在以下网址找到：https://codepen.io/EleftheriaBatsou/pen/LmddvN

root = d3.hierarchy(treeData, function(d) { return d.children; });
root.x0 = barchart_height / 2;
root.y0 = 0;

Answer 1

默认情况下，树是垂直的-这是您的示例将其横摆。查看组的transform和path的d属性的构建方式，它们交换了x和y的用法

return "translate(" + source.y0 + "," + source.x0 + ")";