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

Question

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

在大数据中，当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 }

这是可行的，但需要改进。