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