Archivio » 2009 » marzo » lunedì 9 »

Google Chart API: esempi per creare grafici

api come fare diagrammi google google chart grafici rendering tutorial

Scritto da Barbara Ripepi

Sfruttanto Google Chart API di Google Code è possibile renderizzare grafici senza passare per software o tool appositi. Ecco alcuni esempi pratici per l’utilizzo immediato

Sulle prime potrebbe apparire proibitivo, ma l’utilizzo delle Charts di Google Code non è poi così complicato.
Per chi volesse realizzare alcuni grafici pur non avendo dimestichezza con il codice, abbiamo realizzato degli esempi pratici che mette in grado di utilizzare Google Chart immediatamente.

Per la personalizzazione basta sostituire i valori in grassetto con i propri.

Pie Chart 3D - Esempio

http://chart.apis.google.com/chart?cht=p3&chd=t:60,10,20,10&chs=450x200&chl=Fotocamere|Cellulari|Notebook|Player Mp3

<img src="http://chart.apis.google.com/chart?cht=p3&amp;chd=t:60,10,20,10&amp;chs=450x200&amp;chl=Fotocamere|Cellulari|Notebook|Player Mp3" border="0" alt="Sample chart" />

Pie Chart 2D - Esempio

http://chart.apis.google.com/chart?cht=p&chd=t:60,10,20,10&chs=450x200&chl=Fotocamere|Cellulari|Notebook|Player Mp3

<img src="http://chart.apis.google.com/chart?cht=p&amp;chd=t:60,10,20,10&amp;chs=450x200&amp;chl=Fotocamere|Cellulari|Notebook|Player Mp3" border="0" alt="Sample chart" />

Pie Chart 2D - Esempio con colore personalizzato

http://chart.apis.google.com/chart?chs=500x200&chd=t:20,30,10,40&chco=605ca8&cht=p3&chl=20|30|10|40

<img src="http://chart.apis.google.com/chart?chs=500x200&amp;chd=t:20,30,10,40&amp;chco=605ca8&amp;cht=p3&amp;chl=20|30|10|40" border="0" alt="Sample chart" />

Mappa - Esempio con colori personalizzati

http://chart.apis.google.com/chart?chs=440x220&chd=s:_&cht=t&chtm=europe&chco=cccccc,ff3333,3399cc&chld=ITCZDKFR&chd=t:0,30,60,90

<img src="http://chart.apis.google.com/chart?chs=440x220&amp;chd=s:_&amp;cht=t&amp;chtm=europe&amp;chco=cccccc,ff3333,ffff00&amp;chld=ITCZDKFR&amp;chd=t:0,40,80,100" border="0" alt="Sample chart" />

Bar Chart - Esempio

http://chart.apis.google.com/chart?cht=bhs&chd=t:60,10,20,30,20,80&chs=450x200

<img src="http://chart.apis.google.com/chart?cht=bhs&amp;chd=t:60,10,20,30,20,80&amp;chs=450x200" border="0" alt="Sample chart" />

QR Code - Esempio

http://chart.apis.google.com/chart?cht=qr&chl=my%tech&choe=UTF-8&chs=450x200

<img src="http://chart.apis.google.com/chart?cht=qr&amp;chl=my%tech&amp;choe=UTF-8&amp;chs=450x200" border="0" alt="Sample chart" />