根据值颜色将颜色设置为饼图

时间:2018-06-27 13:29:05

标签: javascript d3.js dc.js crossfilter

我正在尝试为DC js上的饼图设置自定义颜色

我的意思是,每个寄存器都有一个类别,并且该类别具有颜色,我要做的就是将类别颜色设置为饼图中的相应切片

这就是我设置图表的方式

installationCategoryChart
.width(250)
.height(250)
.title(function (d) { return d.key + ' - Cantidad: ' + d.value + " - " + (d.value / StatusDim.groupAll().reduceCount().value() * 100).toFixed(2) + "%"; })
.dimension(CategoryDim)
.group(devicesPerCategory)
.innerRadius(50)

有人知道我该怎么做吗?

1 个答案:

答案 0 :(得分:0)

使用colorMixin.colors设置色阶。

由于您知道按键的名称和所需的颜色,因此最容易指定序数刻度:

.colors(d3.scaleOrdinal().domain(['key-1', 'key-2', 'key-3', 'key-4', 'key-5])
        .range(['#3f8', '#19e', '#86b', '#b37', '#661']))

(请原谅随机的颜色-并非最佳做法!)