Gauge widget

Prev Next

Introduction

The gauge widget is used to display a value, in relation to a maximum value on a scale.
The widget will change color as the value increases. A practical example of this is the fuel gauge in your car.

Fuel gauge displaying 95.4% fuel level, indicating nearly full tank capacity.


Instructions

In the widget selection panel, click on Gauge. A new panel will appear where you can configure the widget.

Gauge data

Dashboard interface displaying gauge settings and data source options for asset tracking.

Fill in the fields below:

  • Computed measurement: if enabled, you can use a formula to determine the value shown.

  • DataSource: where the data comes from.

  • Sensor: what data you want to display.

  • Aggregation: the aggregation of the incoming data.

    • MIN: shows the minimum value.

    • MAX: shows the maximum value.

    • SUM: calculates the sum of all values.

    • AVG: calculates the average value.

    • COUNT: counts the number of values.

    • FIRST: shows the first value.

    • LAST: shows the last value.

    • DIFF: calculates the difference between the first and last value.

  • Dynamic Maximum Value: if enabled, automatically adjusts the maximum value.

  • Maximum value: the value corresponding to a full gauge.

  • Decimals: up to how many decimal places the value should be displayed.

Click Next to go to Gauge settings.

Gauge settings

Dashboard settings for a gauge widget with various configuration options displayed.

Fill in the fields below:

  • Title: a title or description for the widget.

  • Widget width: the width in relation to the screen width.

  • Height: the height of the widget in pixels.

  • Order: the position on the dashboard.

  • Suffix: a suffix for the measurement.

  • Invert color: reverses the direction of the color transition.

  • Refresh in seconds: leave this at the default.

Click Save to add the widget to the dashboard.