Cómo utilizar Google Charts con 4D

Según los neurocientíficos, respondemos mejor y más rápido a una forma visual que a cualquier otro tipo de representación. Por eso, los gráficos y diagramas son claramente la clave para una mejor comprensión de los datos.

Así pues, si lo que buscas es mostrar gráficos de barras, histogramas o gráficos circulares que sean modernos y totalmente compatibles con los principales navegadores, pero también más adecuados para la forma en que el cerebro humano procesa la información, Google Charts es una posible respuesta. Los tipos de gráficos disponibles en Google Charts son muy variados: además de los clásicos gráficos de barras/columnas/tortas, Google Charts también ofrece gráficos elaborados como el Treemap, el Candlestick y el Gauge.

Esta entrada del blog ofrece un ejemplo de gráfico de donuts, de mapa y de barras. Cada gráfico muestra la población por país en Sudamérica. En la siguiente base de datos, tienes el método 4D para recuperar los datos así como varios archivos HTML para mostrar los diferentes gráficos.

Ejemplo de base de datos

Formato de datos

Esta base de datos es muy sencilla. Se necesita un único método GetJsonData, es necesario para devolver un array de datos JSON que cumpla con la especificación de Google Chart.

En los tres ejemplos de gráficos siguientes, el formato de los datos es el mismo, como se muestra a continuación:

{
   "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 donuts

Puede encontrar el ejemplo de gráfico de donuts en el archivo «donutChart.html» de la WebFolder.

Para más información, consulte la documentación del gráfico circular de Google Charts.

Gráfico de mapas

Puedes encontrar el ejemplo de gráfico de mapas en el archivo «geoChart.html» de la WebFolder.

Para obtener más información, consulte la documentación sobre el gráfico geográfico de Google Charts.

Gráfico de barras

Puedes encontrar el ejemplo de un gráfico de barras en el archivo «barChart.html» de la WebFolder.

Para más detalles, consulte la documentación sobre gráficos de barras de Google Charts.