Playback widget
The Playback widget can be used to load time series data of other widgets on your dashboard. For some widgets, Playback can be defined in the data source settings to replay the data.
The Playback widget can only be placed once on a dashboard.
The Playback widget can be used in combination with the following widgets:
-
A Filter Panel widget can be combined when a date time range parameter has been configured.
Example
Proceed as follows
Select the Playback widget in the widget list.
→ The widget configuration page is displayed.Configure the settings as described below.
Click the Add button.
→ The widget is added to the dashboard.
Dashboard Settings
Open the Dashboard Settings pane to set how the widget is displayed in the dashboard.
In the Size drop-down list, decide how much space the widget should take in the form of columns.
In the Visibility drop-down, set whether the widget should be visible or hidden. You can also define for which specific roles the widget will be shown or not. This setting allows you to customize dashboards for specific user groups that have a certain role.
Visible: The widget is visible for all (default)
Visible for roles: The widget is visible if any of the selected roles matches one of the user's project role
Hidden: The widget is hidden for all
Hidden for roles: The widget is hidden if any of the selected roles matches one of the user's project roleIn the Layout behavior drop-down list, decide how the size of the widget should be adapted in the dashboard.
In the Title field, enter a title for the widget.
For a dynamic title, you can add placeholders with the ${...} notation. Possible placeholder sources are filterParams (if a filter widget exists on the dashboard, e.g. ${filterParams.paramName}) or data from the data source (if source is specified, e.g. ${[0].payload.value}), insights (user context), dashboardName or widgetId.
General Settings
Open the General Settings pane to configure some general aspects for the widget.
In the Widget Refresh Interval in Seconds field, enter a value in seconds after which the widget should be refreshed.
In the Lazy Loading drop-down list, select whether you want to enable or disable lazy loading.
Lazy loading is enabled by default. That way, widgets are only loaded when they are visible on screen. This prevents slower loading of the dashboard and performance issues.
Data Sources
Open the Data Sources pane to configure the data source for the widget.
You can select a maximum of three data sources.
Click the + Add Source button to add a data source.
Select any of the following options further explained underneath:
Query Template
In the Query Template drop-down list, select a query template that you configured under Explore > Data Explorer, refer to Template Designer.
A query template is a template that has been created, parameterized, and provided for others. It is similar to an SQL View and shows data in a table view.
To connect the widget with the Filter Panel widget you created for this dashboard, click the Available references icon and select the Filter Panel.
If you have a time parameter, you can choose between absolute time and relative time by clicking the time icon .
Click the Source data preview icon
to open a preview.
Click the Save Data Source button.
Single Device
In the Default Device ID drop-down list, select a Device ID.
To connect the widget with the Filter Panel widget you created for this dashboard, click the Available references icon and select the Filter Panel.
Click the Source data preview icon
to open a preview.
Click the Update Source button.
Multiple Devices
In the Select Device Types drop-down list, select a device type.
Click the Advanced Settings button to narrow down the output.
In the Start field, enter a value to specify the device to start with.
Example: If you select 3, the first two devices are skipped.
In the Limit field, enter a value to specify the last device.
The maximum is 200 devices.
In the Fields field, enter the fields whose information shall be retrieved from Bosch IoT Things.
In the Sort field, enter a field configured in Bosch IoT Things according to which the data shall be sorted.
In the Namespaces field, add namespaces separated by a comma.
In the DefaultFilter field, add a filter to narrow down the search results.
To connect the widget with the Filter Panel widget you created for this dashboard, click the Available references icon and select the Filter Panel.
Click the Source data preview icon
to open a preview.
Click the Update Source button.
Device Count
The Device Count data source is based on the counting functionality in Bosch IoT Things and is used to count things.
In the Select Device Type drop-down list, select the device types/devices to be used as data source.
All Devices: Counts all devices regardless of the fact that they have a device type or not
All Device Types: Counts the devices that have the thing attribute type which means that the device belongs to a device type
Without Device Type: Counts the devices without the thing attribute type
Device Type xy: Counts the devices of the selected device types
Click the Advanced Settings button to narrow down the output.
In the Namespaces field, add namespaces separated by a comma.
In the DefaultFilter field, add a filter to narrow down the search results.
To connect the widget with the Filter Panel widget you created for this dashboard, click the Available references icon and select the Filter Panel.
Click the Source data preview icon
to open a preview.
Click the Update Source button.
Data Transformation
With the data transformation activated, you can select entries from arrays in arrays or a specific range of arrays.
Also refer to the JMESPath documentation.
Open the Data Transformation pane to activate the data transformation to JMES.
Activate the toggle switch.
In the Filter field, add a string to filter the data, e.g. [0] to display only the first item or [?contains(thingId,'yourThingName')] to filter by contains in the thingId property.
Click the Transformed data preview icon to open a preview.
→ The data transformation is activated for the widget.
If you selected more than one data source, the Data Aggregator pane is displayed.
Activate the toggle switch.
In the Data Aggregator drop-down list, select an aggregation method with which each entry of the same index is merged into one result.
Activate the Merge Properties checkbox to merge the properties of the index.
In the Filter field, add a string to filter the data, e.g. [0] to display only the first item or [?contains(thingId,'yourThingName')] to filter by contains in the thingId property.
Click the Transformed data preview icon to open a preview.
→ The data transformation is activated for the widget.
Playback Settings
Open the Playback Settings pane to further set the Playback widget.
In the Path to Frame Data drop-down list, select the base path for the time series data that shall be displayed in the widget.
Only the specified time series data will be filtered and not the whole document.
The iterator [i] is used for the path to traverse the elements of a data set.
In the Path to Time Identifier drop-down list, select the path of the time element from your data.
In the Default Speed drop-down list, select a speed for the widget.