javascript - 如何随着深度的增加减少兄弟姐妹的横向距离来获得D3.js的整洁树图

Question

我遇到的问题归结为 Reingold-Tilford 树随着深度增加而减少兄弟姐妹之间的分离的方式。如果节点和文本没有相对于它们的深度进行缩放，这会导致重叠：

这可能是一个更好的例子：

注意兄弟姐妹之间的分离是如何减少的。我相信他的目的是保持图表更紧凑，但我可以接受它占用更多空间。

我浏览了 layout.tree 的源代码，但找不到代码定义距离会减小的位置。我能够增加所有深度的所有节点的距离，但这也不是重点。

有什么建议么？

Answer 1

这个问题有几个解决方案：D3 tree vertical separator。

看起来https://github.com/mbostock/d3/issues/317 ( https://github.com/mbostock/d3/commit/47d7cade203f4f2d066c898a7fe3461b1ca3a06e ) 可能在 D3 源中有修复。