如何使用d3.js修改可折叠树中节点之间的空间？

Question

我遇到与此主题相同的问题：D3 Tree Layout Separation Between Nodes using NodeSize

我已经尝试了解决方案，但还有另一个问题，根总是在左侧，当我折叠节点时，它们不在屏幕上。

解决方案基于d3.js和http://bl.ocks.org/mbostock/4339083，但是当我设置nodeSize时，根不会动态移动到优化位置。

那么如何在“rect”节点之间留出空间并动态替换根节点以优化显示？

抱歉我的英文不好！

感谢您的帮助

Answer 1

您可以尝试这样的事情：

    // Normalize for fixed-depth.
    nodes.forEach(function(d) { d.y = d.depth * 450; });

修改值450以增加/减少节点之间的x轴距离