高图表:将多系列条形图中的每个条形图设置为不同的颜色

时间:2015-10-11 04:55:26

标签: javascript highcharts

我试图在多系列highCharts图表中将每个条形的颜色设置为不同的颜色。

这里是数据:

{
    "yAxisText": "",
    "yAxisUnit": "%",
    "statusCode": "OK",
    "chartType": "column",
    "categories": [
        "Basic",
        "1",
        "2",
        "3+",
        "4+"
    ],
    "options": [
        {
            "name": "test1",
            "data": [
                56.6,
                17.3,
                8.6,
                17.5,
                12
            ]
        },
        {
            "name": "test2",
            "data": [
                46.5,
                16,
                15.4,
                22.1,
                33
            ]
        }
    ]
}

我能够为每个数据集设置不同的颜色或每个类别使用不同的颜色,但我无法弄清楚如何使每个单独的条形图具有不同的颜色。
因此,基本上对于这些数据,将有8个具有8种不同颜色的条。提前谢谢!

1 个答案:

答案 0 :(得分:1)

您可以设置颜色数组,然后通过colorByPoint选项按每个颜色应用每种颜色。

{
   colors:['blue','red','green']
},
series:[{
   colorByPoint: true,
   data:[1,2,3]
}]