highcharts - Highcharts：斑马彩色图表背景

Question

如何将 highchart 背景设置为斑马风格，如下所示？颜色与数据无关。它只是 x 轴垂直网格上的斑马样式。PS。对不起图。我不允许插入图像。谢谢

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

Answer 1

您可以通过将plotBackgroundColorfrom 选项与 from选项chart结合使用来实现此目的。alternateGridColorxAxis

这是一个例子：

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/