Javascript 使用Highcharts用灰色区域填充数据间隙，

我有一张海图折线图。有时候，数据之间会有差距，我想知道是否有可能用一些灰色区域来填补这些差距，以便更好地看到没有数据

谢谢

编辑：我想要的示例：

您可以使用来填补这些空白。注意：在绘制图表之前，首先需要计算

null

-点的位置

这里有一个简单的例子：

您可以用它来填补这些空白。注意：在绘制图表之前，首先需要计算

null

-点的位置

---

下面是一个简单的示例：

您可以设置一个函数来填补空白：

  $('#button').click(function() {
    for (i = 0; i < chart.yAxis[0].series[1].yData.length; i++) {
      if (chart.yAxis[0].series[1].yData[i] == null) {
        chart.xAxis[0].addPlotBand({
          from: i - 1,
          to: i + 1,
          color: '#FCFFC5',
        });
      }
    }
  });

---

您可以设置一个函数来填补空白：

  $('#button').click(function() {
    for (i = 0; i < chart.yAxis[0].series[1].yData.length; i++) {
      if (chart.yAxis[0].series[1].yData[i] == null) {
        chart.xAxis[0].addPlotBand({
          from: i - 1,
          to: i + 1,
          color: '#FCFFC5',
        });
      }
    }
  });

---

你能附上一张关于“差距”的截图吗？这是一个有一些间隙的jsfidle。我希望这些间隙用灰色矩形突出显示。那么，您希望整个列为灰色还是达到某个高度？能否附上关于“间隙”的屏幕截图？这是一个有一些间隙的jsfidle。我希望这些间隙用灰色矩形突出显示。那么您希望整个列为灰色还是达到某个高度？