我尝试使用 http://mbostock.github.com/d3/ex/bubble.html 但颜色改变了。
我想知道 d3.layout.pack 中的颜色是如何设置的。
最佳答案
在你提到的例子中,圆圈的颜色是在这里定义的:
.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
关于javascript - d3 圆包 : setting circle colors,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11788105/