具有嵌套单个子数组的d3js Circle Pack图

时间:2015-02-17 23:20:53

标签: javascript d3.js

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

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

如果你有一个包含单个子节点的子节点的嵌套数组,则使用代码构成示例,最底层的子节点与其他子节点重叠,因此您无法查看任何父对象或与之交互。

在我的jsbin中,我通过检查兄弟姐妹的数量并将圆半径减少三分之一来克服这个问题。这可行,但是如果这个单个子节点中有任何节点有多个节点,则会弄乱节点布局。我已经找到了半径问题,但我无法弄清楚如何为圆圈定位x和y。

此时我可能会偏离轨道。有没有其他人用d3渲染圆包来处理这个问题?

1 个答案:

答案 0 :(得分:0)

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