Highcharts - 沒有初始數據的Dyanmic圖

Question

如果使用動態樣條線更新打開此JSFiddle，它會在每秒開始更新之前加載具有20個點的系列。 。

Example

我不想顯示任何初始數據，讓間隔加分，因爲他們進來

所以我改變：

series: [{ 
      name: 'Random data', 
      data: (function() { 
       // generate an array of random data 
       var data = [], 
        time = (new Date()).getTime(), 
        i; 

       for (i = -19; i <= 0; i++) { 
        data.push({ 
         x: time + i * 1000, 
         y: Math.random() 
        }); 
       } 
       return data; 
      })() 
     }] 

到

series: [{ 
      name: 'Random data', 
      data: [] 
     }] 

但它不加分。有什麼我失蹤？

Answer 1

如果您在添加此項後要移動某個點，則設置第三個參數addPoint。

那麼，發生了什麼？ 您正在添加一個點然後將其刪除。

更改：

series.addPoint([x, y], true, true); 

要：

series.addPoint([x, y], true); 

Demo

參考

• http://api.highcharts.com/highstock#Series.addPoint()

Answer 2

更改您的加載功能，使得轉換參數不適用於您已加入20個值之前，請參閱this jsfiddle

load: function() { 

    // set up the updating of the chart each second 
    var series = this.series[0], 
     maxSamples = 20, 
     count = 0; 
    setInterval(function() { 
     var x = (new Date()).getTime(), // current time 
      y = Math.random(); 
     series.addPoint(
      [x,y] 
      , true 
      , (++count >= maxSamples) 
     ); 
    }, 1000); 
}