Google ChartEl manejo de gráficas en los sistemas de información, es una necesidad hoy en día que se debe de cubrir eficientemente para quien tome decisiones tenga de una sola vista el panorama del negocio al que se dedica.

Lo anterior nos ha llevado a presentarle a nuestros clientes, una serie de vistas que le permitan identificar puntos de oportunidad y con ello, medidas inmediatas a aplicar. 

El desarrollo

La API de Google denominada ‘Google Chart’ fue lanzada al mercado en el año 2007, esta funcionaba únicamente para desarrollos internos de Google, pero el día 6 de Diciembre de 2007, la compañía decidió lanzarla al mercado. Esta API originalmente generaba gráficas en formato PGN. A partir de Abril de 2012 este formato cambio, ahora las gráficas son interactivas y con diversos efectos visuales.

Las tecnologías de desarrollo que soportan el uso de esta API son:

  • Java
  • C# .NET
  • Ruby
  • Python
  • PHP 

Genexus al soportar la mayoría de estas tecnologías, tiene incluida en su galería de utilerías visuales esta API. Para la implementación de gráficas de Google en una aplicación Web generada con Genexus solo es necesario arrastrar el control (API) al form del Web Panel y listo, dentro de los eventos es donde se manipulan para que, dependiendo de los datos enviados, sea lo que se grafique.

Los tipos de gráficas que maneja Genexus son:

Gráfica de Columnas en Genexus

Gráfico de Barras en Genexus

Gráfica de columnas en Genexus Gráfica de barras en Genexus

Gráfica de Líneas en Genexus

Gráfica de Pastel en Genexus

Gráfica de líneas en Genexus Gráfica de pastel en Genexus

Gráfica de Dispersión en Genexus

Gráfica de dispersión en Genexus

 

Como se muestra en las imágenes, la interactividad entre las gráficas y el usuario pueden hacer más fácil la interpretación de las mismas. Las líneas de código que Genexus genera y las cuales controlan los valores de las gráficas son:

Código para implementar gráficos en Genexus

En donde GoogleChartData.Categories son las etiquetas del eje de las X, GoogleChartSeries = new declara un nuevo conjunto de valores, GoogleChartSerier.Name es el nombre que se asignará a esa barra o línea según sea el caso, GoogleChartSeries.Values es el valor numérico asignado a esa gráfica. 

En DSP explotamos ésta tecnología en diversos sistemas, aquí mostramos un ejemplo de esto, en un sistema para una empresa inmobiliaria.

Sistema para empresa inmobiliaria

 

comments powered by Disqus