具有背景颜色的 Highcharts 柱形图?

Highcharts Column Graph with background color?

我正在尝试在 Highcharts 中制作柱形图,但效果不太好。我实际上是在尝试为该列提供数据点可以覆盖的背景颜色。如果有意义的话,我想要堆叠而不实际堆叠的效果。关于我能做什么的任何想法? 本质上,我希望它看起来像一个进度条……进度条顶部和图表本身的顶部之间应该有明显的颜色。我已经尝试过堆叠:百分比,但无济于事。想法?

想到了三个选项:

1) 要实现堆叠的 'effect',实际堆叠它:使用颜色设置为您想要的背景颜色的虚拟系列,并设置值以填充与实际数据的差距.

Example:

[[编辑问题

系列的顺序与此无关,legendIndex 也一样。

重要的是,如果您使用多个系列,每个系列的 stack 属性 - http://api.highcharts.com/highcharts#series.stack

每个组都需要自己的堆栈,每个组内的虚拟系列和真实系列需要分配到同一个堆栈。

另外,你需要有一个总的最大值。

更新示例:

(请记住,有更流畅的方法来处理和构建您的数据 - 这是一个快速而肮脏的示例,其目的是展示如何正确使用 stack 属性做你需要的)

]]

2) plotBands,如上所述

3) 使用 alternateGridColor 属性 并将数据设置为跳过 x 轴 每个点之间的值。

参考:

- http://api.highcharts.com/highcharts#xAxis.alternateGridColor