Javascript 带有嵌套单子数组的d3js循环包图

Javascript 带有嵌套单子数组的d3js循环包图,javascript,d3.js,Javascript,D3.js,我正在基于以下内容构建一个包图: 这里有一个jsbin来说明这个问题 使用该示例中的代码,如果您有嵌套的子对象数组和单个子对象,则最底层的子对象与所有其他子对象重叠,因此您无法查看任何父对象或与之交互 在我的jsbin中,我通过检查兄弟姐妹的数量并将圆半径减小三分之一来克服这个问题。这是可行的,但是如果其中的任何一个子节点中有多个节点,就会弄乱节点布局。我已经解决了半径的问题,但是我不知道如何定位圆的x和y 我可能在这一点上偏离了轨道。是否有其他人处理过d3如何渲染圆形包的问题?Ben的链接解决

我正在基于以下内容构建一个包图:

这里有一个jsbin来说明这个问题

使用该示例中的代码,如果您有嵌套的子对象数组和单个子对象,则最底层的子对象与所有其他子对象重叠,因此您无法查看任何父对象或与之交互

在我的jsbin中,我通过检查兄弟姐妹的数量并将圆半径减小三分之一来克服这个问题。这是可行的,但是如果其中的任何一个子节点中有多个节点,就会弄乱节点布局。我已经解决了半径的问题,但是我不知道如何定位圆的x和y


我可能在这一点上偏离了轨道。是否有其他人处理过d3如何渲染圆形包的问题?

Ben的链接解决了我的问题。这确实是一个复制品。

先生,您的可能复制品是一位绅士和一位学者。我自己怎么也找不到这个答案,真是不可思议。