Setting up widgets in the device details
Who can do it: Service provider
Where: Wialon Platform FleetSpace
Widgets enhance the device list by providing quick-access actions or displaying real-time data directly on the device row. In the device list, you can add chips and widgets.
See the complete list of available device widgets on the Customizing devices in Wialon Platform FleetSpace page.
Adding the “Timeline” widget
The Timeline widget provides a visual summary of the device activity over a recent period.
- Click Add widget in the device details.
- Select the Timeline widget.
- Select the data you want to display on the timeline. You can select up to 3 data types from the available ones.
- Click the icon
to apply the changes to all the devices.
Adding the “Device additional properties” widget
The Device additional properties widget displays custom properties of the device (for example, SIM card number, unique device ID). To add the widget:
- Click Add widget in the device details.
- Under the Available widgets section, locate the Device additional properties widget.
- Click the icon
next to it. - Click the icon
to add it to the Added widgets list.
Adding the “Telemetry chart” widget
To add the Telemetry chart widget:
- Click the icon
. next to Telemetry chart. - Toggle the Left Y axis option.
- Define the parameters for the left vertical axis of the chart:
- Color selector: A red box indicates the color for the data line on this axis.
- Parameter system name: Enter the name of the parameter you want to display. For example,
position.speed, will display the device speed. - Title: Sets the label for the axis, which is displayed on the chart, for example,
Speed.
- Toggle the Right Y axis option.
- Set the right y axis similar to the left axis, using the other parameter as a source. For example, use the ‘external.powersource.voltage’, to display the device voltage.
- Click the icon
to save the widget configuration.
This single chart displays two different sets of data (speed and voltage) with their own scales and colors, making it easier to monitor their relationship and identify any correlations.