javascript - 如何为 D3 圆圈包布局中的每个圆圈着色

Question

这是 d3js 中的包布局示例：

http://bl.ocks.org/4063530

是否可以控制单个圆圈的颜色？

这是带有颜色的包布局的另一个示例：

http://bl.ocks.org/4063269

你能帮我理解第二张图表中的气泡是如何分配颜色的吗？

Answer 1

您只需添加属性fill即可更改颜色：

node.append("圆")
      .attr("r", function(d) { return dr; })
      .style("填充", function(d){ return d.color; });

在上面的示例中，假设您的数据包含一个color字段。