HighChart中的图表背景突出显示

在这个问题中,它解释了如何设置背景有两种颜色(像斑马一样)。 我需要通过相应地设置背景颜色来突出显示图表中的时间变化,如下所示:

在此处输入图像描述

两个蓝色区域可以识别发生某些事情的时期,而不识别时则识别白色区域。 除此之外,我将添加线条和其他图表。

这可以通过传递Highchart来突出显示期间的开始和结束日期吗? (区域图解决方案可能吗?)

你最需要的是plotBands

xAxis.plotBands

横跨绘图区域的彩色条带,标记轴上的间隔。

在仪表中,Y轴(值轴)上的绘图带将沿着仪表的边界伸展。

plotBands可以添加到任一轴上,在你的情况下你似乎想要它在xAxis上,以下是如何做到这一点

 xAxis: { plotBands: [{ color: '#FCFFC5', from: Date.UTC(2010, 0, 2), to: Date.UTC(2010, 0, 4) }] } 

Plotbands @ jsFiddle