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

Assign colour to specific data in Highcharts depending on data type dynamically

本文关键字：数据 分配 颜色 数据类型 动态 Highcharts      更新时间：2023-09-26

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

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

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

例如：

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

或者看看这个JSFiddle示例。

相关文章：