Cómo utilizar Google Charts con 4D

Traducido automáticamente de Deepl

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.

An example of donut chart with Google Chart

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.

An example of Geo chart with google chart

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.

An example of bar chart with Google Chart

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

Vanessa Talbot
• Propietario de producto - Vanessa Talbot llegó al equipo de 4D Program en junio de 2014. Como Propietario de producto, está a cargo de escribir las historias de los usuarios y luego traducirlas a especificaciones funcionales. Su papel es también asegurarse de que la implementación de la funcionalidad entregada cumpla con las necesidades del cliente. Desde su llegada, ha trabajado en la definición de funcionalidades claves en 4D. Ha trabajado en la mayoría de las nuevas funcionalidades de multi hilo apropiativo y también en un tema muy complejo: la nueva arquitectura para la aplicación engined. Vanessa es licenciada por Telecom Saint-Etienne. Comenzó su carrera en el Instituto de Investigación Criminal como desarrolladora del departamento audiovisual. También ha trabajado en medios de comunicación y en el ámbito médico como experta en soporte técnico, producción y documentación de nuevas funcionalidades.