Javascript 我如何告诉D3使树状图垂直(自上而下),而不是从左到右?
我正在研究如何使用集群布局将X和Y坐标分配给树状图上的节点。我如何知道如何垂直、自上而下地布局,而不是默认的从左到右布局?对于you链接,只需翻转X和Y坐标的使用即可。这可以通过改变Javascript 我如何告诉D3使树状图垂直(自上而下),而不是从左到右?,javascript,d3.js,Javascript,D3.js,我正在研究如何使用集群布局将X和Y坐标分配给树状图上的节点。我如何知道如何垂直、自上而下地布局,而不是默认的从左到右布局?对于you链接,只需翻转X和Y坐标的使用即可。这可以通过改变 var diagonal = d3.svg.diagonal() .projection(function(d) { return [d.y, d.x]; }); 及 到 及 这是一个显示上述变化的示例。根据您的宽度和高度,我还必须将tree.size([h,w])更改为tree.size([w,h]) va
var diagonal = d3.svg.diagonal()
.projection(function(d) { return [d.y, d.x]; });
及
到
及
这是一个显示上述变化的示例。根据您的宽度和高度,我还必须将
tree.size([h,w])
更改为tree.size([w,h])
var node = vis.selectAll("g.node")
.data(nodes)
.enter().append("g")
.attr("class", "node")
.attr("transform", function(d) { return "translate(" + d.y + "," + d.x + ")"; })
var diagonal = d3.svg.diagonal()
// Flip the values here.
.projection(function(d) { return [d.x, d.y]; });
var node = vis.selectAll("g.node")
.data(nodes)
.enter().append("g")
.attr("class", "node")
// Flip the values here.
.attr("transform", function(d) { return "translate(" + d.x + "," + d.y + ")"; })