Introducción
En esta versión, hemos mejorado el funcionamiento y look de los gadgets predefinidos de plataforma.
A continuación explicamos las mejoras:
Mejoras incorporadas
La mejora principal ha sido la inclusión de las librerías Vue y Echarts para la creación de estos mismos, ofreciendo así una mayor potencia técnica, además de un estilo renovado.
Los gadget que han sido renovados en esta versión son los siguientes:
Pie
Line
Bar
Table
Map
En esta versión los puedes encontrar en el menú desplegable que aparece a la derecha de la pantalla mientras editas un “Dashboard”.
Desde ahí puedes arrastrarlos y configurar los parámetros que quieres que aparezcan hasta conseguir algo de este estilo por ejemplo:
Pie
Puedes establecer distintos diseños del gráfico desde la configuración, tales como el estilo del “Pie”.
En esa misma posición también se encuentra un botón que te dará la posibilidad de restablecer los filtros que afecten a tu gadget.
A continuación puedes ver algunos ejemplos de este nuevo grafico y los distintos estilos que podrás utilizar:
Line
Este grafico cuenta con importantes actualizaciones. Entre ellas encontramos la personalización de estilos sobre cada serie de datos y la posibilidad de establecer un marcador en los puntos máximos y mínimos, además de una línea promedio en nuestros datos.
Centrándonos en la parte superior derecha del gráfico, encontramos distintos botones que dan acceso a nuevas funcionalidades. Con el primero desde la izquierda podrás realizar un zoom en la parte que desees, y con el segundo restablecerás este zoom.
Los siguientes te permitirán cambiar entre un gráfico de líneas o de barras.
Y por último, tendrás las opciones de guardar el gráfico como imagen y de restablecer los filtros que afecten a este mismo.
Bar
Sobre la personalización de este gadget, podemos destacar la nueva posibilidad de crearlo en posición vertical o horizontal, así como las nuevas barras de zoom que permiten centrarlo desde un inicio en una sección determinada del gráfico.
Con los botones situados en la esquina superior derecha del gráfico, tienes la posibilidad de cambiar a un estilo “Stack”, cambiar entre un gráfico de líneas o barras, realizar un zoom a una parte concreta de los datos, guardar estos mismos como imagen y restablecer los filtros que afecten a este gadget.
Con estas mejoras ofrecemos distintas opciones para conseguir estilos más personalizados como podemos ver a continuación:
Map
Se ha actualizado completamente el gadget anterior para incluir en esta nueva versión la librería de “OpenLayers” la cual permite ampliar las funcionalidades y darle un nuevo estilo a este gráfico.
A la hora de realizar la configuración, se te permite elegir entre una amplia variedad de iconos ya que se utiliza la librería de “Material Icons” de Google.
Puedes seleccionar entre distintas capas para la visualización del mapa, ya sea “Satellite” o “OpenStreetMap”
Dispones también de la posibilidad de crear un “Pop Up” con toda la información que desees, además de la opción para cambiar el estilo del marcador al seleccionarlo para tener así mas ayuda visual.
Como última funcionalidad nueva, existe la opción de crear “reglas” que afecten al color de los marcadores haciendo así que, por ejemplo, si tenemos un mapa de temperaturas el marcador vaya cambiando de color según ésta.
Table
En cuanto a este gráfico, se ha actualizado el estilo, dándole un diseño completamente nuevo, y permitiendo una mayor configuración de los datos mostrados por columna.
Con esta actualización, es posible crear “reglas” que permitan cambiar el color de los datos mostrados, por ejemplo para que si ese dato es mayor a 100 se cambie el color a rojo.
También existe ahora la posibilidad de añadir sufijos y prefijos comunes a todos los datos, además de configurar el mensaje a mostrar en caso de que no existan datos para esa columna.
