图例颜色并不总是与值对应

时间:2017-01-03 13:13:27

标签: javascript d3.js bundle-layout

这是fiddle

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

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

1 个答案:

答案 0 :(得分:2)

  

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

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

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

这是你的域名:

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

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