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

【问题标题】：Setting Max Length of Links in D3 Tree Layout在 D3 树布局中设置最大链接长度
【发布时间】：2014-07-28 13:47:54
【问题描述】：

我有一个与此处非常相似的树形图：http://bl.ocks.org/mbostock/999346，我想限制节点的垂直间距；如果您查看树，您会看到当只有两个节点时，它们占据了整个画布（两个节点之间的链接很长），并且随着其他节点的插入，链接的大小调整为合身。我想将链接长度限制为某个最大数量，以便树更紧凑，节点更少。

【问题讨论】：

使用tree.separation()。见the documentation。

标签： javascript d3.js

【解决方案1】：

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

所以，像

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

【讨论】：