Introducción

En esta versión hemos estado trabajando en mejorar , 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 inclusion inclusión de las librerias librerías Vue y Echarts para la creación de estos mismos, ofreciendo asi así una mayor potencia técnica, ademas además de un estilo renovado.

Los gadget que han sido renovados por el momento en esta versión son los siguientes:

...

• Pie

• Line

• Bar

Pie

Las nuevas funcionalidades de este gadget nos permite distintas personalizaciones del mismo, tal como establecer un título y centrarlo a nuestro gusto, y asi mismo hacerlo tambien con la leyenda.

• 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 tambien también se encuentra un botón que nos dara te dará la posibilidad de restablecer los los filtros que afecten a nuestro tu gadget.

A continuación puedes ver algunos ejemplos de este nuevo grafico y los distintos estilos que 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, ademas además de una linea línea promedio en nuestros tus datos.

Centrandonos 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 restablerecemos restablecerás este zoom.

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

Y por ultimoú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 posivilidad posibilidad de crearlo en posicion posición vertical o horizontal, asi así como las nuevas barras de zoom que permiten centrarnos centrarlo desde un inicio en una sección determinada del gráfico.

Centrandonos en 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 lineas 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

A futuro se actualizaran distintos gadgets como Table o Maps.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

...