Programujte - programování,grafika,webdesign - tvorbu grafů, webové technologie, google chart API

Webhosting Český hosting
Aktuální rubrika: Články   |  Diskuzní fórum   |  Kritika webů   |  Podcast   |  Kalendář akcí   |  Články na přání   |  E-shop   |  Login/Nový účet
Schovat menu HomeRSS diskuzePřejít na komentářePřidat oblíbené
X

Google Chart API: Jak jednoduše na grafy? Přepnout článek do plného režimu

09. 12. 2007 | 01:00 - Vítězslav Titl (mustafa) - 11370× přečteno

Nejnovějším přírůstkem mezi aplikačními rozhraními Googlu se stal Chart API – velmi jednoduše použitelný nástroj pro tvorbu grafů.

Jak to funguje?

Není potřeba znát nějaké webové technologie jako XHTML, XML nebo jinou, stačí napsat URL. Do té se dá vše:

  • data grafu
  • typ grafu
  • velikost obrázku v pixelech
  • popisky os (x a y)
  • a všechny ostatní parametry

A Google za vás vygeneruje obrázek ve formátu PNG.

Není asi moc praktické vytvářet takto grafy ze statických dat, ale velmi dobře se dají dynamicky generovat například pomocí PHP, ASP, JavaScriptu a dalších technologií.

Všechno o službě se můžete dočíst na http://code.google.com/apis/chart/Cizojazyčná stránka .

Jaké typy grafů podporuje?

  • čárový graf
  • sloupcový graf
  • kruhový graf
  • bodový graf (Scatter plots)
  • Vennovy diagramy (Venn diagrams)

Ukázka použití

Ukážeme si jeden kruhový graf. Velmi krátce popíši, jak se vytváří. Zbytek si můžete přečíst v dokumentaci (viz odkaz výše). V URL adrese za „chart?“ se nachází veškeré parametry. Jednotlivé parametry jsou oddělené znakem „&“.

http://chart.apis.google.com/chart?cht=p3&chd=s:Hellob&chs=250x100&chl=May|Jun|Jul|Aug|Sep|Oct

Výsledek vypadá takto a teď bychom si měli říct, co jednotlivé parametry znamenají.

  1. chs=250x100 – rozměry vygenerovaného grafu v pixelech
  2. chd=s:Ahojjj – data, která graf zobrazuje (jednotlivá písmena a číslice reprezentují hodnoty, viz data grafuCizojazyčná stránka )
  3. cht=p3 – typ grafu, p3 je kruhový graf (viz druhy grafůCizojazyčná stránka )
  4. chl=May|Jun|Jul|Aug|Sep|Oct – štítky popisující, co vynesená data představují (oddělují se pomocí „|“)

Existuje mnoho knihoven pro tvorbu grafů (pro PHP) například JpGraphCizojazyčná stránka nebo česky v mini balení (ale použitelné) Grafeus, ale tohle řešení od Googlu se mi zdá lepší. Má několik výhod – požívání je jednoduché, není omezené pro jeden skriptovací jazyk, má dobrou dokumentaci a dá se předpokládat, že ji Google bude dál vylepšovat a rozvíjet.Konec.

Zdroj: http://code.google.com/apis/chart/


Tento článek je součástí kurzu či seriálu, ke kterému máte možnost odevzdávat úkoly.
Máte-li zájem se zapojit, stačí se přihlásit. Úkoly opravují lektoři, kteří v případě potřeby poradí, jak lze řešení lépe zpracovat.
Účast ve všech kurzech je bezplatná.
Vítězslav Titl
Autor se zajímá o programování, webové technologie a IT obecně. Mezi další zájmy patří čtení, fotografování, přítelkyně et cetera...
Jaggni to Linkuj Del.icio.us Jaggni to Tisk článku Tisk      Tisk článku Doporučit     Tisk článku RSS     Tisk článku PDF
Diskuze k článku (9)
Vypadá to dobřeBlackHole09. 12. 2007 | 10:54
Superdalaman09. 12. 2007 | 12:49
Zaporne hodnotyLukas13. 12. 2007 | 10:54

© 2004-2010 Programujte by Lukáš Churý, ISSN 1801-1586
Tento server dodržuje právní předpisy o ochraně osobních údajů. Všechna práva vyhrazena. Bez svolení redakce není možno texty dále rozšiřovat!
Kontakt | Reklama | Redakce | Podmínky užívání obsahu | Podpořte Programujte.com | Ke stažení | O portálu | RSS exporty [38.107.191.98]

back