Loading:

Mikołajkowa promocja 3za2 - w tym roku przygotuj większą skarpetę!

Tworzenie/ Rysowanie wykresu liniowego w PHP Google Chart API cz. 2

Tworzenie wykresu liniowego przy pomocy Google Chart API.

W pierwszej części stworzyliśmy prostę diagramy kołowe [ zobacz ] teraz czas na wykresy liniowe.


1. Wykres liniowy z jedną linią:


Kod:

<img src="http://chart.apis.google.com/chart?cht=lc&amp;chs=200x100&chd=t:4,7,13,19,30,36,40,49&chxt=x,y&chxl=0:|I|II|III|IV|V|" alt="" />


Efekt:



Wyjaśnienie:

cht=lc - określa nam typ wykresu;

chd=t:4,7,13,19,30,36,40,49 - są to wartości tworzące wykres;

chxl=0:|I|II|III|IV|V| - opis osi X



2. Wykreś liniowy z 2 liniami:

Kod:

<img src="http://chart.apis.google.com/chart?cht=lc&amp;chs=200x100&chd=t:4,7,13,19,30,36,40,49|50,41,33,25,13&chxt=x,y&chxl=0:|I|II|III|IV|V|" alt="" />

Efekt:



Wyjaśnienie:

Różnica miedzy kodem na 2 linie od tego na 1 jest następująca:

chd=t:4,7,13,19,30,36,40,49

chd=t:4,7,13,19,30,36,40,49|50,41,33,25,13


Jak widać aby utworzyć drugą linie wystarczy wstawić znak | i podać wartości

Opisy osi Y czyli 0, 25 ,50, 75, 100 zostały wygenerowane automatycznie, można je jednak też zmodyfikować:

Kod

<img src="http://chart.apis.google.com/chart?cht=lc&amp;chs=200x100&chd=t:4,7,13,19,30,36,40,49|50,41,33,25,13&chxt=x,y&chxl=0:|I|II|III|IV|V|1:||A|B|C|D|E" alt="" />




Jak widac rożnica jest w :

hxl=0:|I|II|III|IV|V|

chxl=0:|I|II|III|IV|V|1:||A|B|C|D|E

 

Tym razem opis osi X i Y odgradza |1:|

 

Koniec cz. 2 w następnej przedstawię inne typy wykresów



Napisz Artykuł

Listing

niema


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=2499

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: igor
Ranga: Administrator serwisu Punktów: 28716
Komentarze użytkowników
dobry skrypt
autor: matix911 | 5256 | 2010-02-24 13:50:52


bardzo pomocny skrypt! dzięki
autor: gtp2 | 12602 | 2011-10-13 12:12:11


    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors