javascript - d3 圆包 : setting circle colors

Question

我尝试使用 http://mbostock.github.com/d3/ex/bubble.html但颜色改变了。

我想知道 d3.layout.pack 中的颜色是如何设置的。

Answer 1

在你提到的例子中，圆圈的颜色是在这里定义的:

.style("fill", function(d) { return fill(d.packageName); });

这里，d是数据，绑定(bind)到圆上。
在此示例中，函数传递的不是颜色，而是一个对象(d 的 packageName 属性)。
根据选定的色标，每个对象都有自己独特的颜色:

fill = d3.scale.category20c();

如果您对使用的着色标准 (packageName) 感到满意并且您只需要更改颜色，您可以更改调色板(色阶):
https://github.com/mbostock/d3/wiki/Ordinal-Scales

如果要更改着色标准，则需要更改返回部分，将其替换为颜色值作为数据 d 的函数。

在这里您可以找到 D3 颜色构造函数:
https://github.com/mbostock/d3/wiki/Colors