d3.js - 垂直翻转 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;

标签： d3.js

Answer 1

默认情况下，树是垂直的——这是你的例子把它放在一边。查找组的变换和路径 d 属性的构建方式，它们交换了 x 和 y 的使用

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