En esta versión hemos estado trabajando en mejorar los gadgets predefinidos actualizando el diseño hacia una estetica mas moderna. A continuación explicamos las mejoras:

Gadget predefinidos

La mejora principal ha sido la inclusion de las librerias Vue y Echarts para la creación de estos mismos, ofreciendo asi una mayor potencia técnica, ademas de un estilo renovado.

Los gadget que han sido renovados por el momento 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 encontrar en el menu desplegable que aparece a la derecha de la pantalla mientras editemos un “Dashboard”.

Con lo que solo tendremos que arrastrarlo hasta la posición que deseemos y configuar los parámetros que queramos 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.

Podremos establecer distintos diseños del gáfico desde la configuaración tales como el estilo del “Pie”.

En esa misma posición tambien se encuentra un botón que nos dara la posibilidad de restablecer los filtros que afecten a nuestro gadget.

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

Line

En este grafico cuenta con importantes actualizaciones, entre ellas encontramos la personalización de estilos sobre cada serie de datos, la posibilidad de establecer un marcador en los puntos máximos y mínimos, ademas de una linea promedio en nuestros datos.

Centrandonos en la parte superior derecha del gráfico encontramos distintos botones que nos dan acceso a nuevas funcionalidades. Con el primero desde la izquierda podremos realizar un zoom en la parte que deseemos, y con el segundo restablerecemos este zoom.

Los siguientes nos permitiran cambiar entre un gráfico de lineas o de barras.

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

Centrandonos en los botones situados en la esquina superior derecha del gráfico, tenemos la posibilidad de cambiar a un estilo “Stack”, cambiar entre un gráfico de lineas 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 para incluir en esta nueva version la libreria 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 permite elegir entre una amplia variedad de iconos ya que se utiliza la libreria de “Materia Icons” de Google.

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

Dispondremos asi mismo de la posiblidad de crear un “Pop Up” con toda la información que deseemos, ademas de la opción para cambiar el estilo del marcador al seleccionarlo para tener asi mas ayuda visual.

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

Table

En cuanto a este gáfico se ha actualidado el estilo dandole un diseño completamente nuevo, las nuevas funcionalidades incluidad en el se basan en la 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 si ese dato es mayor a 100 se cambie el color a rojo.

Asi mismo tambien existe ahora la posibilidad de añadir subfijos y prefijos comunes a todos los datos, ademas de configurar el mensaje a mostrar en caso de que no existan datos para esa columna.