Javascript HighChart中的图表背景突出显示

Javascript HighChart中的图表背景突出显示,javascript,jquery,highcharts,Javascript,Jquery,Highcharts,在本文中,我们解释了如何将背景设置为两种颜色(斑马色)。我需要通过相应地设置背景颜色,在图表中突出显示时间变化,如下所示: 这两个蓝色区域可以识别某件事发生的时间段,而白色区域则可以识别某件事没有发生的时间段。在此基础上,我将添加线条和其他图表 这可以通过传递Highchart来完成吗?Highchart要突出显示期间的开始和结束日期?(可能是面积图解决方法?您最可能需要的是 xAxis.plotBands 在绘图区域上延伸的彩色条带,在绘图区域上标记间隔 轴心国 在仪表中,Y轴(值轴)上的打

在本文中,我们解释了如何将背景设置为两种颜色(斑马色)。我需要通过相应地设置背景颜色,在图表中突出显示时间变化,如下所示:

这两个蓝色区域可以识别某件事发生的时间段,而白色区域则可以识别某件事没有发生的时间段。在此基础上,我将添加线条和其他图表


这可以通过传递Highchart来完成吗?Highchart要突出显示期间的开始和结束日期?(可能是面积图解决方法?

您最可能需要的是

xAxis.plotBands 在绘图区域上延伸的彩色条带,在绘图区域上标记间隔 轴心国

在仪表中,Y轴(值轴)上的打印条带将沿 仪表的周长

PlotBand可以添加到任意一个轴上,在您的情况下,您似乎希望将其添加到xAxis上,下面是如何做到这一点的

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