Wizualizuj dane dotyczące konkretnej daty za pomocą wykresu liniowego w przeglądarce z javascript

Question

Chcę wizualizować niektóre dane w przeglądarce za pomocą wykresu liniowego. Na osi X powinna być data, na osi y powinna być wartość.

Wiem, że istnieje kilka rozwiązań do projektowania w języku javascript. Ale szczególnie dla danych specyficznych dla daty trudno jest znaleźć odpowiednie rozwiązanie.

Oto schemat, w jaki sposób mam dane:

[ 
    [ 
     startTimestamp, 
     endTimestamp, 
     value 
    ], 
    [ 
     startTimestamp, 
     endTimestamp, 
     value 
    ] 
] 

Oto niektóre przykładowe wartości:

[ 
    [ 
     1365163327, 
     1365163339, 
     0 
    ], 
    [ 
     1365163339, 
     1365163360, 
     1 
    ] 
] 

widoczny JS-skrzypce tu z jakiegoś lepszego danych próbki:

http://jsfiddle.net/JWhmQ/1992/

Answer 1

Zapraszamy do obejrzenia tej flot - przykładem może być karmione z Unix sygnatury czasowe:

http://www.flotcharts.org/flot/examples/visitors/index.html

Answer 2

Moje osobiste preferencje dotyczą interfejsu Google Chart API . Mają dobrą obsługę formatu daty: see Chart API Date Format Docs. Zaletą API jest to, że gdy już masz go w formacie daty JavaScript, Google Chart API wie, jak sortować, a także może zmienić format daty dla preferencji lokalizacji/formatowania.

Jedynym wymaganym dodatkiem do źródła JSON jest zamiana znaczników czasu na obiekt Date. W PHP, zrobiłbym datę ("Y", $ timestamp) itd. Dla każdej części obiektu daty. See W3 Schools for Date Object format