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

标签 javascript d3.js bundle-layout

这是 fiddle .

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

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

最佳答案

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]

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

关于javascript - 图例颜色并不总是对应于值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41444357/

相关文章:

javascript - 在下拉列表中选择值时使用 ajax 发布 MVC 值

javascript - 使用 D3.js 图表表示 Python 生成的数据

javascript - D3 动态分层边缘捆绑 - 2 路导入

javascript - 在 D3 捆绑布局中不断改变捆绑着色

javascript - 单击时 d3.js 分层边缘捆绑节点颜色更改

javascript - 将元素推送到不可变列表而不重新分配变量

javascript - 创建 Javascript 在 iframe 之前添加 div 标签

javascript - 限制元素出现在屏幕之外

javascript - D3.js - 未捕获类型错误 : . enter(...).append(...).merge 不是函数

javascript - 在Javascript/D3中,如何将5种颜色(十六进制格式)的色阶映射到17种颜色