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 }

它有效，但需要改进。