Highcharts：斑马颜色图表背景

Question

如何将高图背景设置为如下所示的斑马风格？ 颜色与数据无关。 它只是x轴垂直网格上的斑马纹。 PS。抱歉图。我不允许插入图片。 谢谢

• |的颜色1 | COLOR2 |的颜色1 | COLOR2 |
• |的颜色1 | COLOR2 |的颜色1 | COLOR2 |
• |的颜色1 | COLOR2 |的颜色1 | COLOR2 |
• |的颜色1 | COLOR2 |的颜色1 | COLOR2 | ...
• 0 ----- 10 ------ 20 ------ 30 ------ 40

Answer 1

您可以使用plotBackgroundColor选项中的chart与alternateGridColor选项中的xAxis相结合来实现此目的。

以下是一个例子：

var color1 = 'rgba( 255, 0, 0, .3 )';
var color2 = 'rgba(255, 0, 255, .2)';

chart: {
    plotBackgroundColor: color1
},
xAxis: {
    alternateGridColor: color2,
    ...
},
...

一个实例：http://jsfiddle.net/YRgBf/1/