szerző:
techline.hu
Tetszett a cikk?

A szolgáltatás a Google-Chart API , de meglepő módon, elég kevesen ismerik és használják.

A szolgáltatás a Google-Chart API , de meglepő módon, elég kevesen ismerik és használják. Az eljárás előnye, hogy nem kell hozzá sem szoftver, sem képszerkesztő program – elég egy böngésző és egy netkapcsolat. A grafikonokat egyszerűen az URL segítségével fogjuk előállítani. Lássuk!

Kezdjük egy egyszerű példával! A táblázat és a hozzávaló URL:
http://chart.apis.google.com/chart?cht=lc&chs=300x200&chd=t:21,25,33,43,55,62,65,63,55,41,27,22

Az URL második része, azaz a paraméterek (minden paraméter & jellel van elválasztva) a következő dolgokat definiálják:

A cht=lc azt jelenti, hogy a chart type, azaz a grafikon típusa „line chart” (azaz vonalas diagram).  A chs=300x200 jelentése: a grafikont 300x200 pixel méretűben szeretnénk látni. Végül a chd=t:21,25 az adatokat definiálja, ezekből készül a grafikon.

 

 

Ez persze így még nagyon fapados, hiszen nem adtunk meg címkéket. Egy normális grafikon pedig címkézve van, lássuk tehát ugyanezt, de immár címkével:

http://chart.apis.google.com/chart?cht=lc&chs=300x200&chd=t:21,25,33,43,55,62,65,63,55,41,27,22&chxt=x,y&chxl=0:|Jan|Apr|July|Oct|

A chxt=x,y megadja az API-nak, hogy a címkéket az X és az Y tengelyre szeretnénk tenni. A chxl=0:|Jan|Apr|July|Oct| az X tengelyre címkézi a hónapok neveit. Mivel az Y-ra nem adtunk meg semmit, oda a Google automatikusan készít nekünk egy skálázást 0-100-ig.

Ha inkább oszlopos grafikont szeretnénk, azt is könnyen megtehetjük, íme a grafikon, é sa hozzávaló URL:

http://chart.apis.google.com/chart?cht=bvg&chs=400x200&chd=t:17,0,23,20,99,30,43,36,33,21,40,23&chxt=x,y&chxl=0:|Jan|Feb|Mar|Apr|May|Jun|Jul|Aug|Sep|Oct|Nov|Dec|1:|15k|30k|45k

 

Az alapvető különbség a cht=bvg utasítás, ami azt jelenti, hogy most a grafikon típusa „bvg”, ami a „bar with vertical bars” megfelelője.

Ha körszelet grafikont akarunk, akkor használjuk a cht=p (mint „pie”) utasítást.
 

Ha nagyon ráérünk, változtathatjuk a színeket is, vagy éppen teljesen elborult, grafikonra alig emlékeztető ábrákat is létrehozhatunk. Az utasítások teljes (és impozáns) listája itt megtekinthető.

HVG

HVG-előfizetés digitálisan is!

Rendelje meg a HVG hetilapot papíron vagy digitálisan, és olvasson minket bárhol, bármikor!