d3 circle pack:设置圆圈颜色

Question

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

我想知道如何在d3.layout.pack中设置颜色.

Answer 1

在您提到的示例中,圆形颜色在此处定义:

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

这里d是绑定到圆圈的数据.
在这个例子中,函数不是颜色,而是传递一个对象(packageName属性d).
根据选定的色标,每个对象都会分配给它自己的唯一颜色:

fill = d3.scale.category20c();

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

if you you想要更改着色标准,那么您需要更改返回部分,将其替换为颜色值作为数据的函数d.

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