Temperature Radial Gauge

The Temperature radial gauge is a circular dial widget designed specifically for temperature monitoring. It renders a round gauge face styled after a physical thermostat — with a color-coded arc that transitions from blue on the cold end to orange-red on the warm end, a sweeping needle pointing to the current reading, and a digital value readout at the bottom of the dial.
Use it when you want an at-a-glance temperature indicator that is immediately readable without looking at numbers — for example, on HVAC dashboards, cold chain monitoring panels, or server room overviews where operators need to spot out-of-range conditions quickly.
Adding the widget
Section titled “Adding the widget”- Open the dashboard in edit mode. Click Add widget in the top toolbar, or click the Add new widget icon in the center of an empty dashboard.
- In the widget bundle selection dialog, find and click Analogue gauges.
- Select the Temperature radial gauge widget.
- Configure the datasource and appearance, then click Add.
Configuration
Section titled “Configuration”All settings in this section use Basic mode — a quick-start configuration covering the essentials. For finer widget controls like title font, card style, and tooltip, switch to the Advanced tab.
Datasource
Section titled “Datasource”Select the source of the temperature value:
- Device — a specific device; the gauge displays the latest telemetry value from this device.
- Entity alias — a set of entities matched by an entity alias; use this when the target device is selected dynamically at runtime.
Add exactly one data key — the telemetry key whose value the gauge will display (for example, temperature).
Gauge appearance
Section titled “Gauge appearance”Controls the visual elements of the dial face.
| Setting | Description |
|---|---|
| Units title | Toggle to show or hide the label displayed in the center of the dial. Enter the text (default: Temperature) and set its color and font. |
| Units | The unit string shown below the title (default: °C). Set the display text, color, and font. Click the settings icon to configure unit conversion — see Unit conversion. |
| Value | Toggle to show or hide the digital readout at the bottom of the dial. Set the number of digits and the text color and font. |
| Ticks | The minimum and maximum values displayed on the scale (default: −60 to 60). Set tick label color and font. |
| Arrow and scale default color | The color of the needle and the unmarked portion of the scale arc. |
| Plate color | Background fill color of the gauge face. |
| Scale colors | Toggle to enable the blue-to-orange gradient coloring of the scale arc. When off, the arc uses the arrow and scale default color uniformly. |
Card appearance
Section titled “Card appearance”| Setting | Description |
|---|---|
| Background color | Solid color background for the widget card. |
| Show card buttons | Toggle Data export and Fullscreen buttons in the widget header. |
| Card border radius | Corner rounding in pixels. |
Actions
Section titled “Actions”The Temperature radial gauge supports the Widget header button action — a button placed in the widget header that triggers a configured action when clicked.
Troubleshooting
Section titled “Troubleshooting”Gauge shows no data
| Cause | Solution |
|---|---|
| Wrong data key name | Confirm the key name matches the telemetry key sent by the device. Key names are case-sensitive. |
| Device not sending data | Open Devices → Latest telemetry and check for recent values. If empty, verify the device transport configuration and access token. |
| Entity alias resolves to no entities | Open Entity aliases in the dashboard and verify the alias returns results. |
Needle is pegged at the minimum or maximum
| Cause | Solution |
|---|---|
| Ticks range too narrow | Increase the Ticks max value or decrease the min value to cover the expected temperature range. |
| Wrong telemetry key selected | Confirm the data key matches the key your device actually reports. |
Value shows as N/A or stops updating
| Cause | Solution |
|---|---|
| Device has stopped sending telemetry | Check device connectivity and the last activity timestamp in Devices → Latest telemetry. |
| Wrong datasource entity selected | Verify the correct device or alias is selected in the datasource configuration. |