GChart a Google Chart API: na grafy nejen v PHP jednoduše

Myslím si, že kdybyste se rozhodli vytvářet grafy v PHP úplně od začátku, čeká vás spousta práce. Ale proč dělat něco, když už řešení existuje? Ne nadarmo se povídá, že velká část práce programátora je práce se schránkou…

Google Chart API – grafy snadno a rychle i bez PHP

Tvorba grafů s využitím Google Chart API má tu výhodu, že k vytvoření obrázku s grafem a jeho umístění do těla webové stránky nepotřebujete ani PHP, ani ASP.NET či jinou podobnou technologii. Graf se generuje jednoduše pomocí speciálně upravené webové adresy. Příklad je uveden přímo na domovské stránce Google Chart API:

http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World

Zkuste si výše uvedenou adresu zadat do prohlížeče. Uvidíte tento koláčový graf:

Vložení grafu do těla stránky jednoduše provedete přes vizuální editor svého webu, kde zadáte výše uvedenou adresu jako adresu obrázku. Google pak na požádání graf vygeneruje a předá jej do vaší stránky tak, aby její čtenář nic nepoznal. Můžete samozřejmě použít přímo HTML značku IMG, a to nějak takto:

<img src=“http://chart.apis.google.com/chart?cht=p3&chd=t:60,40&chs=250x100&chl=Hello|World“ />

Podrobný seznam parametrů, které lze do adresy zadat a které ovlivní vzhled výsledného grafu, najdete ve velmi přehledné dokumentaci na stránce Google Chart API.

GChart: PHP knihovna pro práci s Google Chart API

Pokud vytváříte web s použitím PHP, pak jistě budete chtít adresu pro vytvoření grafu generovat dynamicky v závislosti na nějakých datech. Abyste si ulehčili generování adresy, použijte knihovnu GChart. Vytvoření výše uvedené adresy pro jednoduchý graf pak proběhne takto:

<?php
$pie3d=new GChart_Pie3D(250,100);
$pie3d->add(60,'Hello');
$pie3d->add(60,'World');
?>
<img src="<?php echo $pie3d->get_image_string(); ?>" />

Jak vidíte, práce s knihovnou GChart je velice jednoduchá a sestavení grafu je přehlednější, než skládání proměnných do jednoho velkého řetězce tvořícího adresu. Na začátku určíte typ a rozměry grafu, přidáte mu osy (v případě koláčového pak výseky) a nakonec pomocí PHP kódu vložíte vygenerovanou adresu do značky IMG. GChart podporuje tyto typy grafů:

• koláčový
• spojnicový
• pruhový
• radarový (?)
• bodový
• Google-O-Meter
• QR-Code