Highcharts X-Achse Zeit von JS Datum

Question

Ich möchte die Temperatur von meiner Datenbank mit Highcharts visualisieren. Die JS Datenfeld sieht wie folgt aus:

[date object, value] 

Zum Beispiel:

[Fri Mar 04 2016 01:39:10 GMT+0100 (Central Europe Standard Time), 20.5] 

Wie Sie sehen können, ich habe ein Date-Objekt und einen Wert. Mein Problem besteht also darin, die X-Achse so zu formatieren, dass sie meine Daten anzeigt, im besten Fall in HH: MM formatiert. Es scheint, dass ich den xAxis-Typ datetime verwende, aber das funktioniert nicht.

xAxis: { 
    type: 'datetime' 
    // ... 
} 

Kennen Sie eine Lösung für dieses Problem?

Answer 1

Highcharts erfolgt in Form von Zeitstempel in Millisekunden in datetime. Sie stellen ein Date-Objekt bereit. Anstatt nur das Date-Objekt einzufügen, verwenden Sie die getTime()-Funktion des Date-Objekts, um den Zeitstempel zu erhalten.

Zum Beispiel (JSFiddle):

$(function() { 
    // The timestamp of the current time 
    var timestampNow = new Date().getTime(); 
    // The timestamp one hour from now 
    var timestampOneHour = new Date(timestampNow + (3600 * 1000)).getTime(); 

    $('#container').highcharts({ 
     xAxis: { 
      type: 'datetime' 
     }, 
     series: [{ 
      data: [ 
       [timestampNow, 1], 
       [timestampOneHour, 2] 
      ] 
     }] 
    }); 
});