2016-09-06 44 views
0

我有這樣一個折線圖: http://jsfiddle.net/vbLdsodu/刪除Highchart線的時候沒有價值

我如何七月一日後刪除或隱藏行?我想要的日期軸繼續,但不顯示所在行的值是0

$(function() { 
    $('#container').highcharts({ 
     title: { 
      text: 'Monthly Average Temperature', 
      x: -20 //center 
     }, 
     subtitle: { 
      text: 'Source: WorldClimate.com', 
      x: -20 
     }, 
     xAxis: { 
      categories: ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 
       'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'] 
     }, 
     yAxis: { 
      title: { 
       text: 'Temperature (°C)' 
      }, 
      plotLines: [{ 
       value: 0, 
       width: 1, 
       color: '#808080' 
      }] 
     }, 
     tooltip: { 
      valueSuffix: '°C' 
     }, 
     legend: { 
      layout: 'vertical', 
      align: 'right', 
      verticalAlign: 'middle', 
      borderWidth: 0 
     }, 
     series: [{ 
      name: 'Tokyo', 
      data: [7.0, 6.9, 9.5, 14.5, 18.2, 21.5, 25.2, 0, 0, 0, 0, 0] 
     }] 
    }); 
}); 

回答

2

您可以在數據然後將保持軸上市幾個月null更換0,但停止生產線從繪圖。

也可以通過圖形完成這部分操作,直線將從下一個數據點繪製。

+0

謝謝gabe3886! – Andy