Introducción

En esta versión hemos estado trabajando en mejorar los gadgets predefinidos actualizando el diseño hacia una estetica mas moderna. , 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

• Table

• Map

Estos gadget han sido incluidos en la plataforma por defecto para poder usarlos en cualquier “Dashboard” de forma álgil y sencilla. Los podremos En esta versión los puedes encontrar en el menu menú desplegable que aparece a la derecha de la pantalla mientras editemos editas un “Dashboard”“Dashboard”.

...

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

...

Estos gadget nos permiten configuar distintas interaciones entre ellos para poder filtrar por distintos valores a traves de un “DataLink”, añadiendo asi mas posibilidad para ver distintos datos. Para realizar esto nos podemos ayudar de los botones que nos aporta cada gráfico para realizar zoom y el que nos permite restaurar todos los filtros:

...

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.

Tambien podras descargar como imagen este gráfico directamente desde los botones situados en la parte superior derecha.

...

Pie

Puedes establecer distintos diseños del gáfico gráfico desde la configuaración 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 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, 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

Se ha actualizado completamente el altiguo gadget anterior para incluir en esta nueva version versión la libreria 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 libreria librería de “Materia “Material Icons” de Google.

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

Dispondremos asi mismo Dispones también de la posiblidad posibilidad de crear un “Pop Up” con toda la información que deseemosdesees, ademas además de la opción para cambiar el estilo del marcador al seleccionarlo para tener asi así mas ayuda visual.

Como ultima última funcionalidad nueva, existe la opción de crear “reglas” que afecten al color de los marcadores haciendo asi así que, por ejemplo, si tenemos un mapa de temperaturas el marcador vaya cambiando de color segun estasegún ésta.

...

Table

En cuanto a este gáfico gráfico, se ha actualidado actualizado el estilo dandole , dándole un diseño completamente nuevo, las nuevas funcionalidades incluidad en el se basan en la 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.

Asi mismo tambien También existe ahora la posibilidad de añadir subfijos sufijos y prefijos comunes a todos los datos, ademas 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

...