Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: JSON do Chart.js
Forum PHP.pl > Forum > Po stronie przeglądarki
tombag
Witam Wszystkich serdecznie to mój pierwszy post na php.pl

Od 24 godzin ślęczę nad wyświetleniem DATY w Chart.js ( bo jest chyba najprostsze w JavaScript smile.gif )
Chciałem użyć funkcji szukaj i przejrzeć forum by znaleźć interesujący mnie temat ale wyszukiwarka nie działa lub nie ma takiego słowa jak "JSON" stron tutaj w AJAX jest 32 ? to za dużo na ręczne szukanie smile.gif

Poproszę o przeniesienie jeśli pisze w złym dziale. // Dziekuję za przeniesienie w odpowiednie miejsce

Posiadam takie wyciągnięte dane z MySQL:

[{"dataczas":"2016-12-01","TemperaturaPow":"2"},
{"dataczas":"2016-12-01","TemperaturaPow":"3"},
{"dataczas":"2016-12-02","TemperaturaPow":"3"},
{"dataczas":"2016-12-02","TemperaturaPow":"4"},
{"dataczas":"2016-12-03","TemperaturaPow":"8"},
{"dataczas":"2016-12-03","TemperaturaPow":"12"}]

Chart.js używa podobno Moment.js

JSON zwraca z tego co już wiem datę YYY-MM-DD jako STRINGI a nie object. - JSON Dates are not dates – they are Strings

To by oznaczało ze trzeba tą datę przerobić na obiekt.

PS. normalne cyfry jak 1,11,20 itp normalnie Chart.js rysuje pięknie smile.gif
Pyton_000
Kod panie pokaż....
nospor
Zamiast
dataczas.push(data[i].dataczas);

dac:
dataczas.push(new Date(data[i].dataczas));
?
tombag
Dziękuje nospor już Chrome nie pokazuje żadnych błędów chyba muszę jeszcze nad czymś popracować bo nie wyświetla nic na wykresie :/

http://meteowarn.pl/chartjs/bargraph.html

Przysiąde przy tym jutro pewnie chodzi coś o typie wyświetlania YYYY MM
nospor
Cytat
SyntaxError: missing } after property list


month: MMM YYYY
tombag
poprawiłem jest wykres ale bez danych

Nad osią Y są jakieś cyfry to nie jest aktualna godzina ? ( ucina to coś co tam jest ale jest 'pm' jakby po południu
nospor
W tej chwili twoje data jest traktowane jako tekst. Popraw naglowki odpowiedzi na json oraz powiedz jquery ze to json
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.