根据数据类型动态地为Highcharts中的特定数据指定颜色

时间:2014-12-15 21:57:45

标签: javascript highcharts

我有一个饼图,显示了许多可回收的废物类型。客户要求使用特定颜色显示特定的废物类型。因此,例如,Glass应为Blue,Grass应为Green。

我正在使用Highcharts,并且使用的饼图只是为数据类型随机提供颜色。是否有可能告诉Highcharts为特定废物类型提供颜色?我想我需要提供至少10种颜色的颜色。

1 个答案:

答案 0 :(得分:1)

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

例如:

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

或者查看this JSFiddle example