Google Charts es una excelente herramienta gratuita para diseñar y generar gráficos a partir de tablas e información estadística. Si bien es relativamente fácil de usar, existe una herramienta llamada Plotalot disponible en el directorio oficial de extensiones de Joomla que permite facilitar el proceso de integración con el sitio web, especialmente al generarlos a partir de bases de datos. Si bien, para Joomla existe una gran variedad de extensiones para la generación de gráficos, Plotalot es una de las más populares y con mejor calificación de todo el directorio.
Es importante aclarar que para trabajar con esta extensión, es necesario contar con conocimientos básicos de SQL. Esto se debe a que el componente trabaja directamente con bases de datos de este tipo. Si bien la interfaz es muy intuitiva y gráfica para la mayoría de las funciones, la sección de creación de los gráficos requiere de añadir manualmente las filas y columnas necesarias para generarlo.
Una vez instalada la extensión, es importante tomar en cuenta tres secciones a la hora de crear gráficos: categorías, gráficos y bases de datos. Para tener un mayor orden de la información y gráficos generados, es recomendable crear una o varias categorías para organizarlos:
Solamente es necesario asignar un nombre y crear la nueva categoría:
Añadiendo una base de datos
Después, antes de proceder con la creación de un gráfico, hay que añadir la base de datos a partir de la cual se va a crear. Para esto, solo es necesario ir a la sección Bases de datos y crear una nueva.
- Para esto, es necesario ingresar algunos datos obligatorios:
- Nombre para la base de datos para referencia.
- Tipo de base de datos (comúnmente mysqli).
- Servidor donde se aloja la base de datos (si la base está en el mismo servidor del sitio web, por lo general se usa localhost).
- Nombre real de la base de datos.
- Credenciales de acceso a la base de datos.
Una vez añadida la base de datos a la lista, es posible crear un gráfico. Para esto, existe una gran cantidad de gráficos de ejemplo que pueden ser copiados o modificados. Además, es posible crear un nuevo gráfico desde cero. En cualquiera de los dos casos el gráfico es 100% personalizable.
Creando un nuevo gráfico
Al crear un gráfico hay que considerar tres secciones. El primer paso es ingresar algunos datos y especificaciones básicas. Por ejemplo:
- Nombre del gráfico como referencia interna.
- Categoría a la que está asignado.
- Título del gráfico y color de fuente.
- Color del fondo.
- Tamaño del gráfico en pixeles.
- Base de datos añadida anteriormente.
Después hay que añadir manualmente los datos a utilizar y graficar. En este ejemplo, en el paso anterior se seleccionaron dos línea de datos independientes pero se pueden crear las que sean necesarias.
Aparte de elegir un nombre (que aparecerá en el gráfico), es posible cambiar color y estilo de la linea. De acuerdo al tipo de gráfico así serán las opciones disponibles.
En la sección de Query hay que ingresar las consultas SQL necesarias para importar los datos desde la base de datos y generar así el gráfico. La sintaxis es sumamente sencilla y por medio de los ejemplos es posible deducir el formato sin necesidad de tener amplios conocimientos en bases de datos SQL.
Por último, hay que definir la frecuencia y los límites de los ejes así como los nombres que aparecerán en la gráfica final.
De acuerdo con los datos utilizados en el ejemplo, una gráfica lineal sencilla se vería de la siguiente forma:
Plotalot es sin duda una gran herramienta que facilitará el proceso generación de gráficos utilizando el motor de Google e implementarlos en un sitio Joomla. Además de gráficos, Plotalot también ofrece la funcionalidad de crear y presentar tablas de datos de una forma atractiva. Si bien está en inglés, los desarrolladores ofrecen una extensa guía de uso que aclara la mayoría de dudas de los usuarios de la extensión paso por paso.
Algunos de los tipos de gráficos que pueden ser generados con esta poderosa extensión son:
Líneas simples
Dispersión
Barras
Pastel
Medidores
Muchas otras opciones, estilos y diseños están disponibles. Es importante aclarar que todo lo anterior está disponible en la versión gratuita del componente, sin embargo, algunas características avanzadas como gráficos responsivos o gráficos automáticamente actualizables solo están disponibles en la versión de pago del componente.
Comentarios