更改dc.js图表​​颜色

时间:2015-10-26 11:38:42

标签: javascript graph colors dc.js crossfilter

为什么所有dc.js图表​​都是蓝色的?我该如何改变呢?经过dc.css,没有看到蓝色的大量使用!

我尝试更改了很多fill属性。我唯一成功的是条形图。饼图仍然没有任何线索。

1 个答案:

答案 0 :(得分:7)

dc.js中的颜色(通常在d3中)通常会根据数据进行动态计算,这就是您通常不会在CSS中找到它们的原因。这需要一些人习惯。

对于条形图,颜色基于堆栈编号。在饼图中,它们基于饼图。

然后他们通过d3比例来分配实际颜色。通常,您希望使用chart.ordinalColors将颜色标度替换为具有您自己颜色的颜色标度。

所以,例如使用其中一个colorbrewer调色板:

chart.ordinalColors(['#e41a1c','#377eb8','#4daf4a','#984ea3','#ff7f00','#ffff33','#a65628']);