Introduction

In this version, we have improved the operation and look of the predefined platform gadgets.

Open

Below we explain the improvements:

Built-in improvements

The main improvement has been the inclusion of the Vue and Echarts libraries for the creation of these, thus offering greater technical power, as well as a renewed style.

The gadgets that have been renewed in this version are the following:

• Pie

• Line

• Bar

• Table

• Map

In this version you can find them in the drop-down menu that appears on the right of the screen while editing a “Dashboard”.

Open

From there you can drag them and configure the parameters you want to appear until you get something like this, for example:

Pie

You can set different chart layouts from the settings, such as the “Footer” style.

In that same position there is also a button that will give you the possibility of resetting the filters that affect your gadget.

Below you can see some examples of this new graphic and the different styles that you can use:

Line

This graph has important updates. Among these we can find the customization of styles on each data series and the possibility of establishing a marker at the maximum and minimum points, in addition to an average line in your data.

Focusing on the upper right part of the graph, you can find different buttons that give access to new functionalities. With the first one from the left, you can zoom in on the part you want, and with the second one, you will restore this zoom.

The next buttons will allow you to switch between a line or bar chart.

And finally, you will have the options to save the graph as an image and reset the filters that affect it.

Bar

Regarding the customization of this gadget, we can highlight the new possibility of creating it in a vertical or horizontal position, as well as the new zoom bars that allow it to be centered from the beginning on a given section.

With the buttons located in the upper right corner of the graph, you have the possibility to switch to a “Stack” style, switch between a line or bar graph, zoom to a specific part of the data, save it as an image and reset any filters that affect this gadget.

With these improvements, we offer different options to achieve more personalized styles, as you can see below:

Map

The previous gadget has been completely updated to include in this new version the “OpenLayers” library, which allows expanding the functionalities and giving a new style to this graphic.

When configuring it, you are allowed to choose from a wide variety of icons since Google's “Material Icons” library is used.

You can select between different layers for the map display, either “Satellite” or “OpenStreetMap”

You also have the possibility of creating a “Pop Up” with all the information you want, in addition to the option to change the style of the marker when selecting it to have more visual help.

As the last new functionality, there is the option to create “rules” that affect the color of the markers, so that, for example, if we have a temperature map, the marker changes color according to it.

Table

As for this graph, the style has been updated, giving it a completely new design, and allowing greater configuration of the data displayed by column.

With this update, it is possible to create “rules” that allow you to change the color of the data displayed, for example so that if that data is greater than 100 units, then the color is changed to red.

There is also now the possibility of adding common suffixes and prefixes to all data, in addition to configuring the message to be displayed in case there is no data for that column.

Native export to XLSX

In this platform version, template base gadgets have a native export to XLSX with the option Download Data in the menu of each gadget.

This download can be tunned overwriting the vm.downloadData function

Other improvements

• Improve in gadget filter by selector (Vue ODS Select) and inclusion of native template datapicker

• Improvement in gadget template editor

• Default transform: now it’s posible to send transformations (filters or operations over the datasource) before launching the inicial query of the datasource