Javascript 更改dc.js图表颜色

为什么所有dc.js图表都是蓝色的？我该如何改变它？浏览了dc.css，没有看到蓝色有多大用处

我尝试更改了相当多的

fill

属性。我唯一成功的是条形图。仍然没有关于饼图的线索。

dc.js中的颜色（通常在d3中）是根据数据动态计算的，这就是为什么您通常在CSS中找不到它们的原因。这需要一些时间来适应

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

然后他们通过d3比例来分配实际的颜色。通常，您希望使用以自己的颜色替换颜色比例

因此，例如，使用colorbrewer调色板之一：

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

同样，由于colorbrewer调色板包含在D3v4+中：

chart.ordinalColors(d3.schemeSet1);

（）

下面，

OrdinalColor

正在执行以下操作：

chart.colors(d3.scaleOrdinal().range(d3.schemeSet1));

因此，如果要控制颜色顺序，还可以指定域：

chart.colors(d3.scaleOrdinal().domain([5,4,3,2,1]).range(d3.schemeSet1));