gpt4 book ai didi

javascript - 如何为一个分支和多个 child 的数据集显示不同颜色的 d3 气泡?

转载 作者:行者123 更新时间:2023-11-29 22:07:40 27 4
gpt4 key购买 nike

按照 http://bl.ocks.org/mbostock/4063269 上发布的示例开发 d3 气泡图:

enter image description here

我的数据集只有一个分支但有很多子节点(请参见下面的示例)。我所有的气泡都以相同的颜色显示。是否可以修改逻辑为同一分支中的每个 child 生成不同颜色的气泡?如果是这样,任何帮助将不胜感激。

{
"name": "mydata",
"children": [
{"name": "test1", "size": 5},
{"name": "test2", "size": 10},
{"name": "test3", "size": 15},
{"name": "test4", "size": 20}
]
}

最佳答案

只需将不同的数据传递给颜色函数,例如索引:

node.append("circle")
.attr("r", function(d) { return d.r; })
.style("fill", function(d, i) { return color(i); });

或者,对于您的数据,大小:

node.append("circle")
.attr("r", function(d) { return d.r; })
.style("fill", function(d) { return color(d.size); });

关于javascript - 如何为一个分支和多个 child 的数据集显示不同颜色的 d3 气泡?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20004063/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com