Data Stream timeline
Graphical representation of the timeline of historical data from a data stream
How it works

This widget facilitates the visualization of value changes in a field over time.
Each timeline will display the name of the data stream along with the represented value, arranged as follows:
field
value
Grouping

By enabling the grouping of timelines, one can view all represented states on a single timeline (without separation).
When data are grouped, the representation of the timeline will change, displaying the value on the same timeline, and each bar will contain the following:
field
Summary

The summary panel allows you to observe the total time each value has been maintained.
Widget Menu

From here, the following actions can be performed:
- Open device information opens the corresponding temporary panel with the selected entity
- Edit opens the wizard corresponding to the selected entity
- Generate QR generates a QR code that will return basic information about the asset
- Execute operation opens the pre-configured operation launcher for the selected entity
- Capture screen: Takes a screenshot of the widget.
- Duplicate widget: Creates a duplicate of the widget on the dashboard.
- Copy widget: Copies the widget to another dashboard.
- Change widget location: Moves the widget to another dashboard.
Configuration
General
-
Refresh Frequency: allows configuring the data refresh frequency displayed in the list.
-
Title: widget title. It can be configured to remain fixed in the widget or only be displayed when it receives focus.
-
About: widget description in Markdown format.
-
Entity key of the desired entity to obtain the data

Finally, those columns from which to extract data to display on the graph must be configured. A timeline will be generated for each of them.
For each piece of data, the following can be configured:
- Alias a representative name for the column data on the graph
- Color to distinguish it within the graph
- Formatter tool is a tool that will process each piece of data, allowing for its modification and/or any calculation to ultimately display it on the graph. For example, it can convert numerical data into discrete data for representation.
- Remove will remove the column from the configuration
Visualization

From here, some visual aspects of the widget can be changed.
- Background color allows you to set a distinctive color for the widget
- Hide details header panel hides the upper information panel of the widget, freeing up that space