Como utilizar o Google Charts com 4D

Segundo os neurocientistas, respondemos melhor e mais rapidamente a uma forma visual do que qualquer outro tipo de representação. É por isso que os gráficos e gráficos são claramente uma chave para uma melhor compreensão dos dados.

Assim, se estiver a procurar exibir gráficos de barras, histogramas, ou gráficos de tartes que são modernos e totalmente compatíveis com os principais navegadores, mas também mais adequados à forma como o cérebro humano processa a informação, Google Charts é uma resposta possível. Os tipos de gráficos disponíveis no Google Charts são variados: desde os clássicos gráficos de barra/coluna/pie gráficos, o Google Charts também oferece gráficos elaborados tais como Treemap, Candlestick e Gauge charts.

Este blog fornece um exemplo de um donut, mapa e gráfico de barras. Cada gráfico mostra a população por país na América do Sul. Na base de dados seguinte, tem o método 4D para recuperar os dados assim como vários ficheiros HTML para exibir os diferentes gráficos.

Exemplo de base de dados

Formato dos dados

Esta base de dados é muito simples. Um método único, GetJsonData, é necessário para devolver uma matriz de dados JSON que cumpra a especificação do Google Chart.

Nos três exemplos de gráficos seguintes, o formato dos dados é o mesmo, como se mostra abaixo:

{
   "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]
   ]
}

Gráfico de donut

Pode encontrar o exemplo do gráfico donut no ficheiro “donutChart.html” no WebFolder.

Para mais informações, consulte a documentação do gráfico de torta do Google Charts.

Gráfico de mapa

Pode encontrar o exemplo do mapa gráfico no ficheiro “geoChart.html” no WebFolder.

Para mais detalhes, consulte a documentação do Geo chart do Google Charts.

Gráfico de barras

Pode encontrar o exemplo de um gráfico de barras no ficheiro “barChart.html” no WebFolder.

Para mais detalhes, consulte a documentação do gráfico de barras do Google Charts.