圖例顏色並不總是與值對應

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]

除此之外，您還按目標的import數組的長度着色，而不是按節點本身的import數組的長度着色。