Come utilizzare Google Charts con 4D

Tradotto automaticamente da Deepl

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.

An example of donut chart with Google Chart

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.

An example of Geo chart with google chart

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.

An example of bar chart with Google Chart

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

Vanessa Talbot
- Product Owner - Vanessa Talbot è entrata a far parte del team di 4D Program nel giugno 2014. In qualità di Product Owner, è incaricata di scrivere le storie degli utenti e di tradurle in specifiche funzionali. Il suo ruolo è anche quello di assicurarsi che l'implementazione della funzionalità fornita soddisfi le esigenze del cliente. Ha lavorato sulla maggior parte delle nuove funzionalità di multi-threading preemptive e anche su un argomento molto complesso: la nuova architettura per le applicazioni con motore. Vanessa si è laureata presso Telecom Saint-Etienne. Ha iniziato la sua carriera presso il Criminal Research Institute come sviluppatrice per il dipartimento audiovisivo. Ha lavorato anche nei settori dei media e della medicina come esperta di supporto tecnico, produzione e documentazione di nuove funzionalità.