如何添加盒着色器繪製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', 
         }); 
        } 
      } 

     } 
    } 

},