Gentili utenti vi informiamo che il team di MyTech si è spostato sul canale Hitech & Scienza di Panorama.it

      non hai uno username? regìstrati   /   recupera la password

apple / google / microsoft

Google Chart API: esempi per creare grafici

api come fare diagrammi google google chart grafici rendering tutorial

Scritto da Barbara Ripepi

google chart api

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

Sample chart

<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

Sample chart

<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

Sample chart

<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

Sample chart

<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

Sample chart

<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

Sample chart

<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" />

Commenti   (Inserisci un commento)

Ehi, bella reference :) Grazie!

Molto interessante, anche per usi estemporanei. Con una sintassi così semplice invoglia ad esempio a generare grafici 'al volo' quando si hanno a disposizione dei dati testuali...

nda

acheter vibram five fingers chaussure pour marathon vibram fivefingers performapas cher nike air max 2011 Chaussures Homme air max classic bw

Effettua il login