如何在Highcharts中为空列值构建散列区域？

Question

使用data: [null, null, 10, 20, 20, 33, 23, 23, 22, 5]

如何在Highcharts中构建散列区域，如显示在蓝色列的左侧，散列区域将表示一组空数据点？

我曾想过覆盖2种图表类型来解决这个问题。想知道是否有人在这里有更好的主意？也许使用渲染器或面积线图？

Answer 1

您可以使用Plot bands

在图表选项中添加以下

Fiddle

events: {
 load: function () {
 var series_data=this.series[0].data;//this is series data
 for(var i=0;i<series_data.length;i++){
      if(series_data[i].y==null){//find null value in series
         //adds plot band
          this.xAxis[0].addPlotBand({  
              from: i-1, //point back
              to: i+1,   //point after
              color: '#c5d8f7',//this color represent null value region
          });
      }
  }

}
}