× Aktuálně z oboru

Programátoři po celém světě dnes slaví Den programátorů [ clanek/2018091300-programatori-po-celem-svete-dnes-slavi-den-programatoru/ ]
Celá zprávička [ clanek/2018091300-programatori-po-celem-svete-dnes-slavi-den-programatoru/ ]

Google Chart API: Jak jednoduše na grafy?

[ http://programujte.com/profil/130-vitezslav-titl/ ]Google [ ?rel=author ]       [ http://programujte.com/profil/118-zdenek-lehocky/ ]Google [ ?rel=author ]       9. 12. 2007       31 181×

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/ [ http://code.google.com/apis/chart/ ].

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 grafu [ http://code.google.com/apis/chart/#chart_data ])
  3. cht=p3 – typ grafu, p3 je kruhový graf (viz druhy grafů [ http://code.google.com/apis/chart/#chart_type ])
  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 JpGraph [ http://www.aditus.nu/jpgraph/ ] nebo česky v mini balení (ale použitelné) Grafeus [ http://citron.blueboard.cz/clanek-290-trida-na-tvorbu-grafu.html ], 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.

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

Článek stažen z webu Programujte.com [ http://programujte.com/clanek/2007120702-google-chart-api-jak-jednoduse-na-grafy/ ].