Skip to main content

Gauge Widget

Gauge Widget Gauge Widget

Overview

The Gauge widget displays a measure value on a gauge with configurable threshold color zones. It supports both radial (semi-circular, like a tachometer) and linear gauge shapes. It's ideal for displaying KPIs, performance indicators and values that need to be compared against defined ranges.

Use Cases

  • KPI Monitoring - Display key performance indicators
  • Target Tracking - Show progress towards targets
  • Performance Metrics - Visualize performance levels
  • Capacity Indicators - Show utilization levels
  • Alert Visualization - Display values with threshold zones

Key Features

  • Radial and linear gauge shapes
  • Threshold color zones
  • Current value pointer
  • Min/max value indicators
  • Target value markers
  • Compact number formatting

Configuration

Basic Settings

FieldRequiredDescription
Title❌ NoDisplay name for the widget
Thing✅ YesSelect Thing to display data from (not required for ThingType dashboards)
Measure✅ YesChoose measure to display
Shape✅ YesChoose 'arc' (semi-circular) or 'linear' (horizontal bar) display

Gauge Settings

FieldRequiredDescription
Min Value✅ YesMinimum gauge value
Max Value✅ YesMaximum gauge value (must be greater than min)
Thresholds✅ YesDefine color zones with name, min value, max value and color. Each threshold must be within the gauge min/max range
Compact number❌ NoDisplay large numbers in compact format (e.g., 1.23K)

Display Options

FieldRequiredDescription
Transparent❌ NoRemove widget background
Border color❌ NoCustom border color
Background Color❌ NoCustom background color

Best Practices

  1. Meaningful Ranges -Set min/max values that make sense for the metric
  2. Threshold Zones - Use 3-4 color zones (good, warning, critical)
  3. Target Indicators - Mark target values clearly
  4. Compact Display - Keep gauges reasonably sized
  5. Dashboard Grouping - Group related gauges together

What's Next?