更改dc.js图表​​颜色

Question

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

我尝试改变了fill不少的属性.我唯一成功的是条形图.仍然没有饼图的线索.

Answer 1

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

在条形图的情况下,颜色基于堆栈编号.在饼图中,它们基于饼图切片.

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

因此,例如使用其中一个colorbrewer调色板:

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