Nem kis csapást mérne a szerencsétlen időhiánnyal küszködő PHP programozóra , ha egy saját osztályt kéne fejlesztenie, ami grafikonokat gyárt nagyüzemeben.
Szerencsére több ingyenes*, Flash és GD alapú grafikongyártó eszköz áll a rendelkezésünkre. Amivel gyakorlatilag néhány paraméter megadása mellet, tetszetős diagrammokat varázsolhatunk.
* Az ingyenességre azért oda kell figyelni, mert kereskedelmi célokra már nem mindegyikre igaz!
A Google Chart is egy diagramm varászló, ami megfelelő paraméterekre domb egy grafikont. Rendkívül jól dokumentációval rendelkezik és jól átgondolt API. Szerencsére jó pár PHP osztályt találhatunk hozzá, de mint a lenti példa is mutatja, rendkívül egyszerűen összeállítható a kérés.
#[#img src="http://chart.apis.google.com/chart?chs=550x200&chf=bg,lg,90,111111,0,777777,1&chd=t:60,10,5,40&cht=p3&chl=Lorem|Ipsum|Dolor|Ament" alt="Sample chart" /#]# #[#img src="http://chart.apis.google.com/chart?chs=550x200&chf=bg,s,222222&chd=t:60,10,5,40&cht=p3&chl=Lorem|Ipsum|Dolor|Ament" alt="Sample chart" /#]# #[#img src="http://chart.apis.google.com/chart?chs=550x200&chd=t:60,10,5,40&cht=p3&chco=222222|444444|888888|cccccc&chl=Lorem|Ipsum|Dolor|Ament" alt="Sample chart" /#]# #[#img src="http://chart.apis.google.com/chart?chs=550x200&chf=c,000000&chd=t:60,10,5,40&cht=p3&chco=ff6c00&chl=Lorem|Ipsum|Dolor|Ament" alt="Sample chart" /#]# #[#img src="http://chart.apis.google.com/chart?chs=550x200&chtt=Árvíztükörfúró+Teszt&chts=0000ff,20&chf=c,000000&chd=t:60,10,5,40&cht=p3&chco=ff6c00&chl=Lorem|Ipsum|Dolor|Ament" alt="Sample chart" /#]# #[#img alt="" src="http://chart.apis.google.com/chart?cht=lc&chd=s:2gounjqLaCf&chco=008000&chls=2.0,4.0,1.0&chs=250x150&chxt=x&chxl=0:||c|d|a|o|s|v|V|x||&chm=a,990066,0,3.0,9.0|c,FF0000,0,1.0,20.0|d,80C65A,0,2.0,20.0|o,FF9900,0,4.0,12.0|s,3399CC,0,5.0,11.0|v,BBCCED,0,6.0,1.0|V,3399CC,0,7.0,1.0|x,FFCC33,0,8.0,20.0|h,000000,0,0.30,0.5&chma=0,0,30,0"/#]# #[#img alt="" src="http://chart.apis.google.com/chart?cht=lc&chd=s:Hello,wolrd&chs=200x125&chm=o,ff9900,0,-1,15.0|d,ff0000,1,-1,10.0"/#]#
Ha a fenti kódot beilleszted egy .html kiterjesztésű fájlba (pl.: diagramm.html) és megnézed a böngésződben, valami hasonlót fogsz látni.
hasonló bejegyzés:
0