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

时间:2015-01-09 07:04:06

标签: dc.js

我是DC.JS的新用户。我正在使用dc.piechart。我有问题使用pie slice更改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); });

有关如何解决问题的想法吗?

1 个答案:

答案 0 :(得分:5)

您需要先生成序数比例。

.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