动态尺度上的D3 ColorBrewer着色

Question

我使用的是dc.js，它位于D3之上。问题是，我所有的图表都有相同的颜色条，如：

​

​

设置不同颜色的域并不容易，因为我的图表中没有一个是静态的，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