javascript - HighChart 中的图表背景突出显示

Question

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

在此处输入图像描述

两个蓝色区域可以识别发生某事的时期，而白色区域则可以识别没有发生的时期。在此之上，我将添加线条和其他图表。

这可以通过传递带有要突出显示的期间的开始和结束日期的 Highchart 来完成吗？（也许是面积图解决方法？）

score 2 · Accepted Answer

你最可能需要的是plotBands

xAxis.plotBands

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

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

plotBands 可以添加到任一轴上，在您的情况下，您似乎希望它在 xAxis 上，以下是如何做到这一点

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

1 回答 1