Highcharts:斑马色图表背景

Highcharts:斑马色图表背景,highcharts,Highcharts,如何将highchart背景设置为斑马风格,如下所示? 颜色与数据无关。 它只是x轴垂直网格上的斑马样式。 对不起,我没有插入图片的权限。 多谢各位 |color1| color2color1| color2| |color1| color2color1| color2| |color1| color2color1| color2| |color1| color2color1| color2 | 0--10--20--30--40 您可以通过使用图表选项中的绘图背景色和xAxis选项中的备选颜

如何将highchart背景设置为斑马风格,如下所示? 颜色与数据无关。 它只是x轴垂直网格上的斑马样式。 对不起,我没有插入图片的权限。 多谢各位

  • |color1| color2color1| color2|
  • |color1| color2color1| color2|
  • |color1| color2color1| color2|
  • |color1| color2color1| color2 |
  • 0--10--20--30--40

您可以通过使用
图表
选项中的
绘图背景色
xAxis
选项中的
备选颜色
来实现这一点

以下是一个例子:

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

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

一个活生生的例子:

它是两种颜色的混合,必须反复试验才能找到合适的最终颜色。它有直截了当的方法吗?@user2575561你说的“必须反复试验才能找到合适的最终颜色”是什么意思?您以前有一些javascript代码来计算颜色吗?如果你有一些代码,你能给我们一个jsFiddle吗?对不起。我的错。只要把alpha设为1,结果就是我想要的。