Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [JavaScript][AJAX] Wykresy
dram
post 29.06.2012, 21:53:32
Post #1





Grupa: Zarejestrowani
Postów: 80
Pomógł: 0
Dołączył: 15.10.2011

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
wNogachSpisz
post 29.06.2012, 21:56:21
Post #2





Grupa: Zarejestrowani
Postów: 1 233
Pomógł: 87
Dołączył: 6.03.2009

Ostrzeżenie: (40%)
XX---


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

https://developers.google.com/chart/
Go to the top of the page
+Quote Post
dram
post 1.07.2012, 22:42:29
Post #3





Grupa: Zarejestrowani
Postów: 80
Pomógł: 0
Dołączył: 15.10.2011

Ostrzeżenie: (0%)
-----


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.
Go to the top of the page
+Quote Post
Psajkus
post 2.07.2012, 08:07:03
Post #4





Grupa: Zarejestrowani
Postów: 45
Pomógł: 5
Dołączył: 26.06.2011

Ostrzeżenie: (0%)
-----


No osi x podaj pełną date (rok- misiac-dzien godzina) i nie bedzie Ci "wariowac"
Go to the top of the page
+Quote Post
dram
post 2.07.2012, 08:34:19
Post #5





Grupa: Zarejestrowani
Postów: 80
Pomógł: 0
Dołączył: 15.10.2011

Ostrzeżenie: (0%)
-----


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)
Go to the top of the page
+Quote Post
Psajkus
post 2.07.2012, 08:53:18
Post #6





Grupa: Zarejestrowani
Postów: 45
Pomógł: 5
Dołączył: 26.06.2011

Ostrzeżenie: (0%)
-----


możesz sobie formatowac date i wyświetlać np. tylko godzine
Go to the top of the page
+Quote Post
dram
post 3.07.2012, 12:19:07
Post #7





Grupa: Zarejestrowani
Postów: 80
Pomógł: 0
Dołączył: 15.10.2011

Ostrzeżenie: (0%)
-----


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ąć
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 23.07.2025 - 00:27