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