在D3树布局中设置最大链接长度

时间:2014-07-28 13:47:54

标签: javascript d3.js

我有一个非常类似于这里的树形图:http://bl.ocks.org/mbostock/999346我希望限制节点的垂直间距;如果您查看树,您会看到当只有两个节点时,它们会占用整个画布(两个节点之间的链接非常长),并且在插入其他节点时,链接会调整为适合。我想将链接长度限制为某个最大数量,以便树更紧凑,节点更少。

1 个答案:

答案 0 :(得分:1)

Jason Davies'在运行d3.layout.tree之后循环遍历节点的方法并覆盖每个节点的y值对我来说效果很好。 (在此d3 github issue comment中描述)

所以,像

nodes.forEach(function(node){
    node.y = (node.depth * 90); // 90px per level.
})