我是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); });
有关如何解决问题的想法吗?
答案 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