我有一个基于 Mike 演示的 D3 可缩放圆形图表:

http://bl.ocks.org/mbostock/7607535

在 D3 维基

https://github.com/mbostock/d3/wiki/Pack-Layout

我发现可以使用

pack.children([children]) 

为子级指定数组，是吗？

那么，在上面的演示中，有人如何使用它来解析相同的演示 JSON，但子级的键是“子类型”(或其他)而不是“子级”？如果这些 child 的 child 有不同的名字怎么办？

查看 D3 代码后，似乎 D3 真的想要为这些分层打包布局找到字面上的“子级”。

我可以忍受它，但感谢任何帮助来进一步我目前的 D3 潜水。

谢谢!

请您参考如下方法:

假设在您的耀斑数据中您的 child 收集的名字为鲍勃:

{ 
 "name": "flare", 
 "bob": [ 
  { 
   "name": "analytics", 
   "bob": [ 
    { 
     "name": "cluster", 
     "bob": [ 
      {"name": "AgglomerativeCluster", "size": 3938}, 
      {"name": "CommunityStructure", "size": 3812}, 
      {"name": "HierarchicalCluster", "size": 6714}, 
      {"name": "MergeEdge", "size": 743} 
     ] 
    }, 
    { 
     "name": "graph", 
     "bob": [ 
      {"name": "BetweennessCentrality", "size": 3534}, 
      {"name": "LinkDistance", "size": 5731}, 
      {"name": "MaxFlowMinCut", "size": 7840}, 
      {"name": "ShortestPaths", "size": 5914}, 
      {"name": "SpanningTree", "size": 3416} 
     ] 
... 

修改很简单:

var nodes = pack.children(function(d){ 
  return d.bob; 
}).nodes(root); 

现在如果你在每个级别都有不同的名字怎么办？首先，我认为这确实是一个糟糕的结构，您应该更改源数据。但如果你不能怎么办？也许这样的事情会起作用:

var nodes = pack.children(function(d){ 
  if (d['children'] !== undefined){ 
    return d['children']; 
  } else if (d['bob'] !== undefined){ 
    return d['bob']; 
  } 
}).nodes(root);