React.js + D3.js - 节点相互重叠

Question

我有树来显示数据。可以看这里TREE

在大数据中A展开时，孩子们会分散所有的空闲空间并相互重叠。然后，如果您打开下一个父 Z 子节点在兄弟节点之间传播，则分离工作 code- RadialTree.js 63> separation={(a, b) => (a.parent === b.parent ? 1 : 5) / a.depth} 如果第二个父节点未打开，则分离不起作用。

如何解决这个问题？这样打开时只有A 或Z 不会相互重叠。

谢谢。

Answer 1

我找到了解决方案。

我添加了 - separation={(a, b) => ((a.children === b.children) && (a.parent === b.parent) ? 1 : 7) / a.depth }

它有效，但需要改进。