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

Question

以下是 d3js 中的包布局示例：

http://bl.ocks.org/4063530

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

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

http://bl.ocks.org/4063269

您能帮我了解如何将颜色分配给第二张图表中的气泡吗？

Answer 1

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

节点.append("圆")
      .attr("r", 函数(d) { 返回 dr; })
      .style("fill", function(d){ return d.color; });

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