如何使用dc.js更改饼图颜色

Question

我是新用户DC.JS.我在用dc.piechart.我有问题pie slice使用a 更改颜色dc.pieChart.

我见过的文档和示例使用了从Google看到的颜色方法和许多组合.我想为特定数据绑定特定颜色.

我使用代码改变颜色,但仍然没有工作提到下面.

   .colors(["#eeff00","#ff0022"]);

另一种方法 -

var colorScale = d3.scale.ordinal().domain(["banana", "cherry", "blueberry"])                           
.range(["#eeff00", "#ff0022", "#2200ff"]); 
pie.colors(function(d){ return colorScale(d.fruitType); });

有关如何解决问题的任何想法？

Answer 1

你需要先生成一个序数量表.

.colors(d3.scale.ordinal().range(
  [ '#1f78b4', '#b2df8a', '#cab2d6'..., '#bc80bd']);

第一个切片将采用第一种颜色,第二切片采用第二种颜色,依此类推.

戈登指出,还有一种方便的方法:

// convenience method, the same as above
chart.ordinalColors(['#1f78b4', '#b2df8a', '#cab2d6'...]);

https://github.com/dc-js/dc.js/blob/master/web/docs/api-latest.md#colorscolorscale