Introducción

En esta versión, hemos mejorado el funcionamiento y look de los gadgets predefinidos de plataforma.

Open

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”.

Open

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 tus datos.

Centrándonos en la parte superior derecha del gráfico, puedes encontrar 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.

Exportación nativa a XLSX

En esta nueva versión de plataforma, los gadgets basados en templates, disponen de una exportación nativa a XLSX con la opción Download Data que aperece en el menú de cada gadget.

Esta descarga, si se quiere ajustar en el template, se puede hacer sobrescribiendo la función vm.downloadData

Otras mejoras

• Mejoras en gadget filter por selector (Vue Select) e inclusión del datapicker nativo

• Mejoras en el editor de gadget templates

• Default transform: ahora es posible enviar transformaciones (filtros u operaciones sobre el datasource) antes de lanzar el datasource inicial