Highcharts - Grafico Dyanmic senza dati iniziali

Question

Se si apre questo JSFiddle con l'aggiornamento spline dinamico, carica la serie con 20 punti prima che inizi l'aggiornamento ogni secondo. .

Example

Non voglio per visualizzare tutti i dati iniziali e lasciare che l'intervallo di aggiungere i punti come vengono in

Così cambio:

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; 
      })() 
     }] 

a

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

Ma non aggiunge i punti. C'è qualcosa che mi manca?

Answer 1

Il terzo parametro di addPoint è impostato se si modifica un punto dopo averlo aggiunto.

Quindi, cosa sta succedendo? Stai aggiungendo un punto e quindi rimuovendolo.

Cambio:

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

Per:

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

Demo

Riferimento

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

Answer 2

Cambia la funzione del carico in modo che il parametro di spostamento non si applica prima di aver aggiunto i 20 valori, vedere 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); 
}