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

Question

这就是小提琴。

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

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

Answer 1

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

好吧，解释很简单：您没有将size其用作绘制链接的变量。取而代之的是，您使用的是imports每个节点内数组的长度：

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

这是您的域：

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

除此之外，您是通过targetimport数组的长度而不是节点本身的导入数组的长度来着色的。