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.

...

• Pie

• Line

• Bar

• Table

• Map

En esta versión los podemos puedes encontrar en el menú desplegable que aparece a la derecha de la pantalla mientras editemos editas un “Dashboard”.

...

Desde ahí podemos puedes arrastrarlos y configurar los parámetros que queramos quieres que aparezcan hasta conseguir algo de este estilo por ejemplo:

...

Pie

Podremos 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 nos te dará la posibilidad de restablecer los filtros que afecten a nuestro tu gadget.

A continuación podemos puedes ver algunos ejemplos de este nuevo grafico y los distintos estilos que podremos podrás utilizar:

...

Line

En este Este grafico cuenta con importantes actualizaciones, entre . 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 tus datos.

Centrándonos en la parte superior derecha del gráfico encontramos , puedes encontrar distintos botones que nos dan acceso a nuevas funcionalidades. Con el primero desde la izquierda podremos podrás realizar un zoom en la parte que deseemosdesees, y con el segundo restableceremos restablecerás este zoom.

Los siguientes nos te permitirán cambiar entre un gráfico de líneas o de barras.

Y por último, tendremos 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 centrarnos centrarlo desde un inicio en una sección determinada del gráfico.

Con los botones situados en la esquina superior derecha del gráfico, tenemos 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 nos permite ampliar las funcionalidades y darle un nuevo estilo a este gráfico.

A la hora de realizar la configuración, se nos te permite elegir entre una amplia variedad de iconos ya que se utiliza la librería de “Material Icons” de Google.

Podremos Puedes seleccionar entre distintas capas para la visualización del mapa, ya sea “Satellite” o “OpenStreetMap”

Dispondremos Dispones también de la posibilidad de crear un “Pop Up” con toda la información que deseemosdesees, 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 estaésta.

...

Table

En cuanto a este gáfico gráfico, se ha actualidado actualizado el estilo dandole , 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

...