Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][AJAX] Wykresy
Forum PHP.pl > Forum > Przedszkole
dram
Witajcie.

Pisze do was w takiej sprawie jak wykres z wykorzystaniem : http://www.highcharts.com/ref/#series

Problem polega na tym, że na wykresie prezentuje dane które są w odstępie co 2 godziny (ale 24 godziny wstecz)

Np. dane te są z godziny:

0, 2 , 4, 6, 8, 10, 12, 14, 16, 18, 20,22,0

Okej, ale wyobraźmy sobie gdy sytuacja wygląda tak ,że mamy godzine 10.

10,12,14,16,20,22,0,2,4,6,8,10

Zielony - dzień poprzedni.

Czerwony - dzień dzisiejszy.

Godziny są na osi X, a dane na osi Y.

I teraz wyobraźmy sobie co się dzieje w przypadku gdy przeskakujemy do następnego dnia -> wykres SZALEJE.

Gdy argumenty X zwiększają się jest dobrze, ale gdy nagle się zmniejszyły wykres tak jakby wracał do poprzedniej wartości i poprawnie się nie wyświetla.

Czyli chciałbym go zaczarować tak, aby na wykresie linia zawsze biegła DO PRZODU, za kolejnymi punktami i nie zwracała uwagę na wartość osi X...

----

Starałem się dość w prosty sposób opisać.

Dane wpisuje tak :

series: [
{
name: 'nazwa',
data: zmienna
},
]
});

});

A następnie w dalszej części skryptu w php wyrzucam tą zmienną:

$zmienna_jakas = "[".$godzina.".".$minuta.",dane]."],";

echo ("var cos = [$zmienna_jakas]; ");

Bardzo proszę o pomoc..

Pozdrawiam.
wNogachSpisz
Google zrobiło porządek z wykresami.
Nie znam ani jednego powodu aby używać jakiejkolwiek innej bibliteki.

https://developers.google.com/chart/
dram
Hmm, jakiś przykład dodania 3 linii z danymi?

Tzn ustawiam punkty np.

10,5.00 (1-wszy wartość "y", drugi godzina "x")

I każdą linię inaczej nazywam?

http://www.highcharts.com/demo/line-basic - mniej więcej coś takiego

Tylko ważne jest to ,aby można było wstawiać różne wartości na oś X,

Np. 1,3,2,4 Wtedy wykres powinien biec do przodu ->, a nie wariować tak jak u mnie.
Psajkus
No osi x podaj pełną date (rok- misiac-dzien godzina) i nie bedzie Ci "wariowac"
dram
Hmm, jest 12 wartości, a wykres musi być ograniczony (długością) w takim wypadku, wyrazy najeżdzały by na siebie.

Ale znalazłem na tej stronie coś w podobie.

http://www.highcharts.com/demo/spline-irregular-time

Tylko jak teraz wyświetlać? (mój czas w bazie jest zapisywany w znaczniku unix)
Psajkus
możesz sobie formatowac date i wyświetlać np. tylko godzine
dram
Okej robię tak:

  1. type: 'datetime',
  2. dateTimeLabelFormats: { // don't display the dummy year
  3. minute: '%H:%M',
  4. hour: '%H:%M',
  5. },


A pakuje dane tak:

  1. $dane .= "[".$k.",".$v['dane']."],";


$k - jest to znacznik czasu unixowy
$v - tablica z danymi na linie Y

  1. 1341144001
  2. 1341151201
  3. 1341158402
  4. 1341165601
  5. 1341172801
  6. 1341180001
  7. 1341187202
  8. 1341194402
  9. 1341201601
  10. 1341208801
  11. 1341216002
  12. 1341223201


Wpakowałem takie wartości (to jest $k), a wyszło na wykresie ta sama godzina i ten sam dzień(to nie możliwe)

Okej jakoś działa,
Ale teraz robię przycisk pomiędzy dwoma wykresami.

Jeden jest duży a drugi trzeba rozciągnać
Robię to tak:
  1. $("#wykres2").css("width","100%")


I się nie chce rozciągnąć
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.