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