javascript - d3 圆包 : setting circle colors

标签 javascript d3.js colors circle-pack

我尝试使用 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/

相关文章:

javascript - 单击按钮无法将值传递给函数

javascript - 在 jQuery 中执行此过程的最有效方法是什么?

java - 绘制不同形状java时JColorChooser颜色出现问题

c++ - 如何将彩色文本输出到 Linux 终端?

javascript - 以编程方式向 Google Apps 脚本中的加载项添加基于时间的触发器

javascript - Nodejs - 将基于 Promise 的架构与事件混合在一起是错误的

javascript - 使用 D3js 更改按钮文本

javascript - 如何将 JS 嵌套对象键转换为分层数组模式

javascript - 如何切换选择中所有元素的类别?

java - 时间只显示一种颜色