Guida a Google Chart 1/4

Inizia questa guida in 4 capitoli nella quale proverò a spiegare come utilizzare le API di Google Chart per creare dei grafici.

Innanzitutto per creare un grafico è sufficiente creare un’immagine con l’attributo src uguale a

http://chart.google.com/chart?
chs=larghezzaxaltezza&
chd=datidelgrafico&
cht=tipodigrafico

dove:

• chs = dimensioni dell’immagine in px (larghezza x altezza) es.: 500×300
• chd = dati per la creazione del grafico es.: 10,20,30
• cht = tipo di grafico es.: lc (lineare), p (a torta), v (diagramma di Venn), …

Più nel dettaglio, i dati per la creazione del grafico possono essere ti 3 tipi:

• s: stringa. Comprende tutti caratteri alfanumerici (A-Z,a-z,0-9) ai quali viene dato un valore numerico (es: A = 0, Z = 25, a = 26, z = 51, 0 = 52, 9 = 61)
• t: numero. I valori vengono espressi in valori float (0.0) separati da virgole; per rappresentare più set di dati, questi vanno separati dal carattere | (pipe); il segno -1, invece viene utilizzato per indicare valori mancanti
• e: stringa. Comprende tutti i caratteri alfanumerici più il segno di interpunzione . ed il segno -. Questi vengono valorizzati a coppie secondo il seguente schema:
  AA = 0, AZ = 25, Aa = 26, Az = 51, A0 = 52, A9 = 61, A- = 62, A. = 63
  BA = 64, BZ = 89, Ba = 90, Bz = 115, B0 = 116, B9 = 125, B- = 126, B. = 127
  .A = 4032, .Z = 4057, .a = 4058, .z = 4083, .0 = 4084, .9 = 4093, .- = 4094, .. = 4095
  Per indicare valori mancanti, viene utilizzata la coppia __ , mentre per visulaizzare più gruppi di dati, bisogna separarli con virgole.

I tipi di grafico, invece, sono ben 6:

1. lc = grafico lineare
2. lxy = diagramma a punti uniti da linee
3. bhs, bhv = grafico a barre orizzontali (bhs) o verticali (bhv)
4. p, p3 = grafico a torta (p) e a torta 3D (p3)
5. v = diagrammi di Venn
6. s = diagramma a punti

1

2

3      

4   

5

6

Nella prossima puntata approfondirò l’utilizzo dei tipi di grafico con alcuni esempi più concreti.

Alla prossima!