javascript - Highcharts : Set Each Bar In a Multi-Series Bar Graphs To a Different Color

Question

我正在尝试将多系列 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 种不同的颜色。提前致谢!

Answer 1

您可以设置颜色数组，然后通过 colorByPoint 选项应用每个点的颜色。

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