根据值颜色为饼图设置颜色答案

【问题标题】：set color to pie chart according to value color根据值颜色为饼图设置颜色
【发布时间】：2018-06-27 13:29:04
【问题描述】：

我正在尝试为 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)

有人知道我该怎么做吗？

【问题讨论】：

标签： javascript d3.js dc.js crossfilter

【解决方案1】：

使用colorMixin.colors设置色阶。

由于您知道键的名称和所需的颜色，因此指定序数比例是最简单的：

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

（请原谅随机颜色 - 不是最佳做法！）

【讨论】：