Function-extension: With the trend system, variable values can be recorded in a trend and their current or historical progress can be visualized in a trend chart. The values of a variable are saved in a trend, and up to 10 trends can be created in an archive.
Included in the following products: EASY UI Designer V1.6
Application:
Preparation
The trend system is activated in the project configurator in the Features> trend system.
A trend page is automatically added to a new project.
An existing project must be updated via the project configurator and the trend page added in the "Trend horizontal layout" via the context menu Add new element to the folder pages can be integrated.
At this point, the TrendsPage.html in the client folder under pages and the Trends node must be visible in the server.
Configuring the data
The first step is to create an archive to store the trend data. To do this, select the Trends>Archive node in the server and use the context menu to add New (or F8) add an archive in the gray table area.
The properties pages contain various data settings for recording, some of which can be configured (e.g. the sampling time);
.Most of them are optimized for storage on the SD card and therefore cannot be edited.
Up to 10 trends can be created in the new archive (via the context menu or by pressing F8).
In the trend configuration properties pages, the trend variable is linked and any other properties are set.
Configuration of the trend display
On the TrendsPage.html are the two control elements TrendChart and TrendChartController responsible for displaying the trend data.
To display a trend variable, the TrendChart to add an element called Series . The collection of trend curves can therefore be configured via the property Series .
For each variable, a Series must be created for each variable and the corresponding archive and trend name entered in the properties. The appearance of the trend curve can be set via other properties.
The TrendChartController is accessible via the property Trend chart ID with the existing TrendChart linked. The buttons or the selection list can be used to decide at runtime which historical section of the data is visualized.
