javascript - 最新集群力布局示例的问题

Question

基于这项工作:http://bl.ocks.org/mbostock/7882658

如果我用这样自动生成的数据的 JSON.stringify() 输出替换自动节点创建...

var nodes = [
    {"cluster":2,"radius":1.6180680659922448},
    {"cluster":0,"radius":3.3575295077569},
    {"cluster":1,"radius":0.9569281165554346},
    {"cluster":3,"radius":10.7245554165012}
];

...我在行中收到异常“无法读取未定义的属性 x”:

var x = d.x - cluster.x,

这是在 cluster(alpha) 函数中。那么，显然自动生成数据的 d3.map 函数在结构中放入了 JSON 字符串化没有捕捉到的东西？也许我只是忽略了一些简单的事情......感谢帮助。谢谢!这是一个可以提供帮助的 fiddle :http://jsfiddle.net/Nivaldo/FJ3qq/1/

我注释掉了不起作用的代码。另外，另一个细节，它看起来不像我留下的原始代码(除了我减少了集群和节点的数量)实际上正在处理正确数量的不同集群。它应该绘制 4 种不同的颜色，但只绘制了 3 种颜色。

Answer 1

问题是 nodes 不是唯一需要初始化的数据结构——clusters 也需要初始化。特别是，特定的节点被分配给特定的集群索引。如果不这样做，事情就会崩溃。

要修复，做类似的事情

nodes.forEach(function(d) { clusters[d.cluster] = d; });

完整的 jsfiddle here .