d3js Circle Pack图表,带有嵌套的单个子数组

d3js Circle Pack diagram with nested single child arrays

本文关键字:嵌套 单个 数组 Circle Pack 图表 d3js      更新时间:2024-01-01

我正在基于此构建一个包图:http://bl.ocks.org/mbostock/4063530

下面是一个说明这个问题的jsbin。http://jsbin.com/xukufi/1/edit?js,输出

使用示例中的代码,如果您有嵌套的子对象数组,其中只有一个子对象,则最底部的子对象与所有其他子对象重叠,因此您无法看到任何父对象或与任何父对象交互。

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

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

Ben的链接解决了我的问题。这确实是重复的。