javascript - d3.js 包布局圆圈重叠

Question

我对 d3.js 包布局有疑问。圆圈重叠，我不知道为什么......

我使用了这个例子中的代码:

http://mbostock.github.com/d3/talk/20111116/pack-hierarchy.html

这就是我的工作:

http://projekty.bron.it/d3-circles-all/

如您所见，重叠使图表无法使用。

Answer 1

我试图实现相同的圆包装示例，但也有重叠的圆。对我来说，问题是由于数据父节点有 0 个子节点且大小为 0。一旦我将具有空子数组的父节点更改为格式正确的叶子，问题就消失了。

数据结构之前的错误重叠:

root = {name:"root",
    children:[
       {name:"badchildlessparent", children:[]},
       {name:"parentnodewithchild", children:[{name:"a leaf",size=50}]}
     ]
}

在数据结构之后很好地打包:

root = {name:"root",
    children:[
        {name:"fixedit_now_child", size=1} ,
        {name:"parentnodewithchild", children:[{name:"a leaf",size=50}]}
    ]
}