Highcharts Date/Time and X-Axis

Question

Sto cercando un semplice esempio di come visualizzare l'ora in incrementi di un'ora per un periodo di 24 ore, a la: 8 AM, 9 AM, ecc ... lungo il asse x. I dati da tracciare saranno i seguenti [tempo, lettura contatore]. Tutti i miei tentativi fino ad oggi non hanno funzionato.

Si prega di indicare se è necessario fornire ulteriori dettagli.

Answer 1

Dopo aver giocato con un esempio ufficiale e la documentazione, ho trovato un modo per ottenere intervalli ogni due ore ma è possibile ottenere facilmente intervalli ogni ora.

Qui ci sono le opzioni disponibili per definire nella vostra creazione Highcharts:

$(function() { 
    $('#container').highcharts({ 
     chart: { ... }, 
     title: { ... }, 
     subtitle: { ... }, 
     xAxis: { 
      type: 'datetime', 
      tickInterval: 3600 * 1000, 
      ... 
     }, 
     yAxis: { ... }, 
     tooltip: { ... }, 
     legend: { ... }, 
     plotOptions: { ... }, 
     series: [{ 
      ... 
      pointInterval: 3600 * 1000, 
      pointStart: Date.UTC(2006, 0, 01, 0, 0, 0, 0), 
      data: [ 
       ... 
      ] 
     }] 
    }); 
}); 

Giocando con le opzioni tickInterval, pointInterval e pointStart, è possibile ottenere ciò che si desidera.

Ecco un esempio vivo di quello che sto parlando: http://jsfiddle.net/FxD58/1/

Funziona molto bene se si dispone di 24 valori in serie (come le 24 ore in un giorno ...)