highcharts - 如何更改 Highcharts 条形图中的特定条形颜色？

Question

我正在制作一个条形图，显示 24 个条形图以及一天中每个小时的生产量。

非常简单。

我正在使用 Highcharts.js 版本 4.0.1

但是，我想让这个变得更加酷，并使当前小时的栏具有不同的颜色(这样您就可以看到应该在哪个小时查看哪个栏)。

所以可以说:

• 从左到右有 24 个小节
• 现在是下午 3 点
• 因此您希望系列中的“第 15 个”栏以某种颜色突出显示

任何人都可以直接解决这个问题吗，因为我在文档中找不到这个。

谢谢。

Answer 1

您只需向系列数据添加“颜色”属性即可。例如，以下有多个点定义不同的颜色，还有一些使用默认的条形颜色:

series: [{
        data: [{y:10, color:'red'}, {y:20, color:'blue'}, {y:30, color:'#A84646'},
               {y:40, color:'rgba(253, 134, 9, 0.7)'}, 50, 60]
    }]