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

标签 javascript d3.js

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

最佳答案

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

所以,类似

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

关于javascript - 在 D3 树布局中设置链接的最大长度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24996731/

相关文章:

javascript - d3js 在多行上写标签

javascript - 如何在正则表达式中使用变量?

javascript - 循环图像使用jquery上下移动

javascript - CSS 样式表在 FireFox 中不起作用

javascript - Highcharts - 某些系列的共享工具提示

javascript - 当使用 nvd3 + Angular 库进行交互式折线图时,Google Chrome 中的哇卡顿

d3.js - 使用 D3 的projection.stream() 的正确方法是什么?

html - 使用 D3.csv 读取 csv 数据,每一列在单独的数组中

javascript - jScrollPane 与 nav 一起使用时不显示滚动条

javascript - 类图——最优节点定位