D3 ColorBrewer 在动态比例上着色

Question

我正在使用位于 D3 顶部的 dc.js。问题是我所有的图表都有相同的颜色条，例如：

为不同的颜色设置域并不容易，因为我的图表都不是静态的，x/y 轴上的值总是不同的。我怎么能告诉图表动态更改每个组的颜色？上面的示例代码如下所示：

 var chart = dc.barChart(elm);
 chart.barPadding(0.1)
 chart.outerPadding(0.05)
 chart.brushOn(false)
 chart.x(d3.scale.ordinal());
 chart.xUnits(dc.units.ordinal);
 chart.elasticY(true);
 chart.width(250).height(250)
 chart.render();

我尝试添加类似的内容：

 chart.range(colorbrewer.RdBu[9]);

但随后所有图表也会变成相同的颜色。

谢谢！

Answer 1

我相信你想要这样的东西：

chart.colors(d3.scale.category20b());

为每个条形指定颜色。如果您希望根据条形数据的值选择颜色：

chart.colorAccessor(function(d, i){return i;})

这里记录了这些方法和更多方法：https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#color-mixin