Highcharts柱图与背景颜色？

Question

我试图在Highcharts中制作一个列图，但它并没有太热。我基本上试图为列提供数据点可以叠加的背景颜色。如果有意义，我想要堆叠的效果而不实际堆叠。关于我能做什么的任何想法？ 基本上我希望它看起来像一个进度条......在条形顶部和图形顶部之间应该有一个明显的颜色。我已经尝试过堆叠：百分比，但无济于事。想法？

Answer 1

有三种选择可以想到：

1）为了实现堆叠的“效果”，实际堆叠它：使用颜色设置为所需背景颜色的虚拟系列，并设置值以填充实际数据的间隙。

Example：

• http://jsfiddle.net/jlbriggs/Zf8C7/5/

[[编辑问题

系列的顺序与此无关，而且legendIndex也不重要。

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

每个组都需要自己的堆栈，每个组中的虚拟序列和实际序列需要分配到同一个堆栈。

此外，您需要有一个总体最大值。

更新示例：

• http://jsfiddle.net/jlbriggs/4d9tm6b8/4/

（请记住，有更多更流畅的方法来处理和构建数据 - 这是一个快速而肮脏的示例，其目的是展示如何正确使用stack属性来执行您需要的操作）< / p>

<强>]]

2）plotBands，如上所述

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

参考：

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