如何添加盒着色器绘制Highcharts

Question

我有一个Highcharts情节看起来像这样

几个不同系列的代表时间序列数据。问题是，有时特定系列的数据“不可用”（如上面紫色系列所示），因此数据值为NaN。

我想有某种方法可以在任何有NaN值的地方对每个系列进行“上限” - 我的想法是使用plotBands作为每个系列在所有NaN值之间的对应颜色。但是，我似乎无法弄清楚这是否可能。我已经做了很多的研究，发现了治疗“面积失分”的演示，只需不显示任何内容（如我现在的图表一样），如this demo与此图像：

，但我想象一个治疗NaN值的，看起来是这样的，而不是

这可能与Highcharts（我为我的缺乏艺术性的道歉）？

Answer 1

你必须使用负载事件在聊天中添加情节带

Fiddle

chart: { 
    type: 'area', 
    spacingBottom: 30, 
    events: { 
      load: function() { 
      var series_data=this.series[1].data;//this is second series data 
      for(var i=0;i<series_data.length;i++){ 
        if(series_data[i].y==null){ 
        //adds plot band 
         this.xAxis[0].addPlotBand({ 
          from: i-1, //point back 
          to: i+1, //point after 
          color: '#0066ff', 
         }); 
        } 
      } 

     } 
    } 

},