HighChart中的图表背景突出显示

Question

在this question中，它解释了如何将背景设置为两种颜色（斑马状）。我需要通过相应地设置背景颜色来突出显示图表中的时间变化，如下所示：

两个蓝色区域可以识别发生某些事情的时期，而不是时间区域中的白色区域。最重要的是，我将添加行和其他图表。

可以通过传递Highchart来突出显示期间的开始和结束日期吗？ （区域图解决方法可能？）

Answer 1

您最需要的是plotBands

  

的 xAxis.plotBands

     

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

     

在仪表中，Y轴（值轴）上的绘图带将沿着伸展   仪表的周边。

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

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

Plotbands @ jsFiddle