【问题标题】:High charts: Set Each Bar In a Multi-Series Bar Graphs To a Different Color高图表:将多系列条形图中的每个条形设置为不同的颜色
【发布时间】:2015-10-11 04:55:25
【问题描述】:

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

【问题讨论】:

标签: javascript highcharts


【解决方案1】:

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

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

【讨论】:

  • 这不是我想要的。我做了这个JSFiddle 来展示我目前得到的东西。我想要的是每个单独的酒吧都是不同的颜色。所以在这个小提琴中会有 10 种不同的颜色条。谢谢!
  • 您可以准备一个点数组,然后在加载事件中,对每一列调用更新操作。示例:jsfiddle.net/yb5f6rsL/2
  • 太棒了。这正是我一直在寻找的。谢谢!
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2018-04-07
  • 1970-01-01
  • 2014-10-25
  • 2014-05-11
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多