Highcharts X-Achse-Formatdaten gemäß zufälligen Min-Intervallen

Question

Hier (jsfiddle) ist mein Code mit Daten. Die generierte Grafik ist ziemlich chaotisch. Kann mir jemand dabei helfen?

Meine Daten sind in Intervallen wie folgt:

hours:mins
10:13
15:15
18:14
22:13
00:13

zur zufälligen Zeit.

Ich habe sie in Millisekunden konvertiert, kein Problem damit, aber um sie in Highcharts zu zeigen, gibt es ein Problem darin, dass ich keine REQ -Funktionen aufgerufen habe, um Daten zu formatieren, um hier oder so etwas richtig zu zeigen.

Einige Daten im verständlichen Format:

Tue Nov 08 10:13:00 IST 2011
Tue Nov 08 15:15:00 IST 2011
Tue Nov 08 18:14:00 IST 2011
Tue Nov 08 22:13:00 IST 2011
Wed Nov 09 00:13:00 IST 2011
Wed Nov 09 03:13:00 IST 2011
Wed Nov 09 06:13:00 IST 2011
Wed Nov 09 10:13:00 IST 2011
Wed Nov 09 15:13:00 IST 2011
Wed Nov 09 18:13:00 IST 2011
Wed Nov 09 22:13:00 IST 2011
Thu Nov 10 00:13:00 IST 2011

Answer 1

HighStock erfordert, dass die Zeitdaten sortiert werden. Das Hinzufügen vor dem Rendering löst Ihr Problem:

data.sort(function (a, b) {
    return a[0] - b[0];
});

Aktualisiertes Beispiel: http://jsfiddle.net/cyjak/3/