如何为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字段。