Tworzymy diagram liniowy przy użyciu Google Chart API
W części 2 omówiliśmy wykres liniowy teraz dodamy dróżne kolory do każdej z lini oraz legende
1. Diagram liniowy
Kod:
<img src="http://chart.apis.google.com/chart?cht=lc&chco=FF0000,00FF00,0000FF&chs=400x125&chd=s:FOETHECat,lkjtf3asv,KATYPSNXJ&chxt=x,y&chxl=0:|Oct|Nov|Dec|1:||20K||60K||100K&chco=ff00ff,ff0000,00ff00&chdl=wp.pl|onet.pl|gazeta.pl&chdlp=l" alt="" />
Rezultat:
Wyjaśnienie:
w tym diagramie do opisu wartości użyliśmy liter a nie cyfr:
chd=s:FOETHECat,lkjtf3asv,KATYPSNXJ
Oto tabela która pokazuje wartości liczbowe dla danych liter:
A do Z (gdzie A = 0, B = 1, aż do Z = 25)
a do z (gdzie a = 26, b = 27, aż do z = 51)
0 (zero) do 9 (gdzie 0 = 52, aż do 9 = 61)
chco=FF0000,00FF00,0000FF - określa kolor lini
chco=ff00ff,ff0000,00ff00 - kolor legendy taki sam jak linie
chdl=wp.pl|onet.pl|gazeta.pl - nazwy dla legendy
chxl=0:|Oct|Nov|Dec|1:||20K||60K||100K - wartości si X i Y
Listing
Ranga: Administrator serwisu Punktów: 0