javascript - 根据数据类型动态为 Highcharts 中的特定数据分配颜色

Question

我有一个饼图，显示了许多可回收的废物类型。客户要求使用特定的颜色来显示特定的废物类型。因此，例如，玻璃应该是蓝色，草应该是绿色。

我正在使用 Highcharts，所使用的饼图只是为数据类型随机提供颜色。是否可以告诉 Highcharts 为特定废物类型提供颜色？我想我需要为至少 10 种类型提供颜色。

Answer 1

是的，这是可能的。每个数据元素都可以作为一个对象给出，其中 color 参数由您自己提供和设置。

例如:

data: [
    {
        name: 'Grass',
        y: 20,
        color: 'green'
    },
    {
        name: 'Glass',
        y: 50,
        color: 'blue'
    },
    {
        name: 'Electronics',
        y: 10,
        color: 'gray'
    }
]

或者看看this JSFiddle example .