Come utilizzare Google Charts con 4D

Secondo i neuroscienziati, rispondiamo meglio e più velocemente a una forma visiva rispetto a qualsiasi altro tipo di rappresentazione. Ecco perché grafici e diagrammi sono chiaramente una chiave per una migliore comprensione dei dati.

Quindi, se volete visualizzare grafici a barre, istogrammi o grafici a torta che siano moderni e pienamente compatibili con i principali browser, ma anche più adatti al modo in cui il cervello umano elabora le informazioni, Google Charts è una possibile risposta. I tipi di grafici disponibili in Google Charts sono vari: oltre ai classici grafici a barre, a colonne e a torta, Google Charts offre anche grafici elaborati come Treemap, Candlestick e Gauge.

Questo post del blog fornisce un esempio di grafico a ciambella, a mappa e a barre. Ogni grafico mostra la popolazione del Sud America suddivisa per Paese. Il seguente database contiene il metodo 4D per recuperare i dati e diversi file HTML per visualizzare i diversi grafici.

Esempio di database

Formato dei dati

Questo database è molto semplice. È necessario un singolo metodo, GetJsonData, è necessario per restituire un array di dati JSON conforme alle specifiche di Google Chart.

Nei tre esempi di grafico che seguono, il formato dei dati è lo stesso, come mostrato di seguito:

{
   "Data":[
      ["Country", "Population"],
      ["Argentina", 43847277],
      ["Bolivia", 10888402],
      ["Brazil", 209567920],
      ["Chile", 18131850],
      ["Colombia", 48654392],
      ["Ecuador", 16385450],
      ["Gabon", 1763142],
      ["Guyana", 77061],
      ["Paraguay", 6725430],
      ["Peru", 31774225],
      ["Suriname", 54761],
      ["Uruguay", 3444071],
      ["Venezuela", 31518855]
   ]
}

Grafico a ciambella

L’esempio di grafico a ciambella si trova nel file “donutChart.html” nella cartella Web.

Per ulteriori informazioni, consultare la documentazione sul grafico a torta di Google Charts.

Grafico a mappa

L’esempio di grafico a mappa si trova nel file “geoChart.html” della cartella Web.

Per ulteriori dettagli, consultare la documentazione sul grafico geo di Google Charts.

Grafico a barre

L’esempio di grafico a barre si trova nel file “barChart.html” della cartella Web.

Per maggiori dettagli, consultare la documentazione sul grafico a barre di Google Charts.