如何为D3圈子包布局中的每个圈子上色

Question

这是d3js中包布局的示例：

http://bl.ocks.org/4063530

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

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

http://bl.ocks.org/4063269

您能帮我理解第二张图表中气泡的颜色分配方式吗？

Answer 1

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

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

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