javascript - 图例颜色并不总是对应于值

Question

这是 fiddle .

由于某些原因，某些组的颜色与size 的值不匹配。

例如，我检查了 "name":"flare.analytics.cluster.AgglomerativeCluster","size"‌ :3938。在图中，它以“粉红色”颜色标记，对应于图例 > 5000(向右滚动以查看图例)。根据我的理解，它应该用图例2000的颜色标记。

Answer 1

For some reason, the colors of some groups do not match the value of size.

嗯，解释很简单:您没有使用 size 作为变量来绘制您的链接。取而代之的是，您在每个节点内使用 imports 数组的长度:

.style("stroke", function(d){
    return colorScale(d.target.imports.length)
})

这是您的域名:

[0, 2, 4, 6, 8, 10, 12]

除此之外，您根据目标 的导入数组的长度着色，而不是根据节点本身的导入数组的长度着色。