2016-08-11 1 views
2

Ich bin mit diesem einfachen Diagramm arbeiten:Highchart denken alle Termine sind 1970-01-01 trotz sie gültig Epoche mal seine

https://jsfiddle.net/w7uyghqn/2/

Meine Reisedaten im Format sind: Date(1447793679000), die korrekt übersetzt zu Thu Aug 11 2016 10:26:59 GMT-0400 (EDT).

var seriesOptions = [ 
    { 
     "data":[ 
      [Date(1447793679000), 7.8494623656], 
      [Date(1450913358000), 5.4140127389], 
      [Date(1460475392000), 6.015037594], 
      [Date(1460648544000), 3.75], 
      [Date(1460753244000), 2.1015761821], 
      [Date(1460985174000), 3.0141843972], 
      [Date(1460988174000), 5.2264808362], 
      [Date(1461874589000), 1.5100671141] 
     ], 
     "name":"Product 1" 
    }, 
    { 
     "data":[ 
      [Date(1450729647000), 2.9850746269], 
      [Date(1452184898000), 4.1666666667], 
      [Date(1454616863000), 4.1749502982], 
      [Date(1455206741000), 2.6717557252], 
      [Date(1458062356000), 2.4], 
      [Date(1459868909000), 3.8461538462], 
      [Date(1459882015000), 3.3955857385], 
      [Date(1459968893000), 4.1832669323], 
      [Date(1460574864000), 4.973357016], 
      [Date(1460665314000), 5.2032520325] 
     ], 
     "name":"Product 2" 
    } 
] 

Doch wie Sie auf der x-Achse sehen können, ist das alles 1. JANUAR 1970. Kann jemand vor Ort, was falsch ist?

Ich habe so viele verschiedene Formate ausprobiert und ich reiße mir total die Haare aus.

+0

Mögliche Duplikat [? Wie Verwenden von Epoch Zeit mit Highcharts Series Data] (http://stackoverflow.com/questions/8648861/how-to-use-epoch-time-with-highcharts-series-data) – LittleBobbyTables

+2

Entfernen Sie den "Date()" Teil Ihrer Zeitstempel. Dies: ** [Datum (1450729647000), 2.9850746269] ** sollte sein: ** [1450729647000, 2.9850746269] ** Ihre Stempel werden, wie sie sind, als eine Anzahl von Sekunden interpretiert, weniger als ein Tag, was dazu führt ein Datum des ersten Tages der Epochenzeit - 1. Januar 1970 – jlbriggs

+0

[Docs] (http://api.highcharts.com/highcharts#xAxis.type): _In einer Datetime-Achse werden die Zahlen in Millisekunden angegeben. –

Antwort

2

Wie jlbriggs in den Kommentaren gesagt, können Sie einfach die Date() Funktion entfernen und die tatsächliche Zahl verwenden, die durch HighCharts als die Anzahl der Millisekunden seit dem 1. Januar automatisch interpretiert wird, 1970, weil Sie ihm gesagt, dass die xAxis.typedatetime sind.

ich Ihre JSFiddle geändert und das Problem behoben, damit Sie es sehen können: Working JSFiddle

var seriesOptions = [ 
    { 
     "data":[ 
      [1447793679000, 7.8494623656], 
      [1450913358000, 5.4140127389], 
      [1460475392000, 6.015037594], 
      [1460648544000, 3.75], 
      [1460753244000, 2.1015761821], 
      [1460985174000, 3.0141843972], 
      [1460988174000, 5.2264808362], 
      [1461874589000, 1.5100671141] 
     ], 
     "name":"Product 1" 
    },{ 
     "data":[ 
      [1450729647000, 2.9850746269], 
      [1452184898000, 4.1666666667], 
      [1454616863000, 4.1749502982], 
      [1455206741000, 2.6717557252], 
      [1458062356000, 2.4], 
      [1459868909000, 3.8461538462], 
      [1459882015000, 3.3955857385], 
      [1459968893000, 4.1832669323], 
      [1460574864000, 4.973357016], 
      [1460665314000, 5.2032520325] 
     ], 
     "name":"Product 2" 
    } 
] 
Verwandte Themen