Google Charts – Grafici per tutti

Google mette a disposizione un servizio per la renderizzazione di grafici on line senza la necessità di installazione di alcun software sulla propria piattaforma.

Quando NON usare Google Chart

Google Chart è una soluzione sicuramente semplice da utilizzare e che potrebbe integrarsi senza difficoltà su qualsiasi sito o applicazoine web.

E’ però da considerare che:

  • utilizzando Google Chart si comunicano i dati da rappresentare in grafico a Google
  • i dati comunicati verso Google sono codificati all’interno dell’url, e sono quindi tracciabili in modo relativamente semplice

Se l’utilizzo di Google Chart è quindi una soluzione da non scartare per aree di siti internet ad accesso pubblico o per dati di poca rilevanza, utilizzare il servizio con dati sensibili o prezioni (ad esempio l’andamento delle vendite o la redditività dei propri fondi) è sicuramente da evitare.

Come funziona Google Chart?

Per la renderizzazione di un grafico ci aspettiamo che il servizio risponda con un’immagine; per ottenere l’immagine è sufficiente inviare una richiesta all’indirizzo http://chart.apis.google.com/chart, a cui corrispondo le API REST di Google Charts, corredata dei parametri relativi al grafico che vogliamo sia renderizzato:

http://chart.apis.google.com/chart?<parameter 1>&<parameter 2>&<parameter n>

Ad esempio questa richiesta:

http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World

Produce questo grafico:

Yellow line chart

Per visualizzare correttamente il grafico all’interno di una pagina internet è necessario inlcudere la richiesta alle API di Google Charts nell’attributo src del tag HTML img. Ispezionando questa pagina si può notare come l’immagine sopra sia ottenuta inserendo il frammento HTML

<img src="http://chart.apis.google.com/chart?cht=p3&chd=s:hW&chs=250x100&chl=Hello|World" alt="Yellow line chart" border="0" />

Per utilizzare Google Chart sul proprio sito o sulla propria applicazione internet è quindi sufficiente inserire un tag img con una richiesta al servizio Google Chart ben formattata.

Google Chart -Tipi di grafici

Il nuovo servizio di Google mette a disposizione diversi tipi di grafici:

  • Line Chart
    Line chart with unevenly spaced data points and lines in red, green and dashed blue
  • Bar Chart
    Horizontal bar chart in yellow, bars have the default width
  • Pie Chart
    Three-dimensional pie chart with six segments where segment colors are interpolated from dark to pale orange
  • Diagramma di Venn
    Venn diagram with three overlapping circles
  • Scatter Plots
    Scatter plot with default blue circle data points in different sizes as defined by a third data set

Costruire il proprio grafico con Google Chart

Per prima cosa è necessario scegliere il tipo di grafico che vogliamo visualizzare; indichiamo il tipo di grafico scelto specificandolo con il parametro cht. Volendo utilizzare il grafico Line Chart inseriremo cht=lc nella nostra richiesta.

Per la dimensione dell’immagine aggiungiamo invece il parametro chs=450x250.

Per comunicare il dataset da rappresentare nel grafico è necessario utilizzare una funzione di codifica molto semplice che permette di esprime tramite l’url di richiesta del grafico dataset abbondanti.

Come vezzo, aggiungiamo un gradiente al nostro grafico con il parametro chf=c,lg,90,eeeeee,0.5,ffffff,0|bg,s,EFEFEF"

Ed ecco il nostro risultato:

Risorse esterne: