Gauge

Gauge panel - circular gauge with thresholds.

Use for showing a single value against a range.

Usage

<Gauge
  title="CPU Load"
  unit="percent"
  min={0}
  max={100}
  thresholds={{ 70: 'yellow', 90: 'red' }}
>
  avg(system_load1)
</Gauge>

Example 2

// With threshold labels and custom sizing
<Gauge
  title="Memory"
  unit="percent"
  showThresholdLabels
  minVizWidth={100}
  minVizHeight={100}
>
  avg(memory_usage_percent)
</Gauge>

Props

Prop	Type	Default	Description
unit	Unit	-	Display unit
decimals	number	-	Decimal places
min	number	-	Minimum value
max	number	-	Maximum value
thresholds	ThresholdSpec	-	Threshold configuration
showThresholdLabels	boolean	-	Show threshold labels on gauge
showThresholdMarkers	boolean	-	Show threshold markers on gauge
overrides	OverrideConfig[]	-	Field overrides for series-specific styling
transformations	Transformation[]	-	Data transformations
minVizWidth	number	-	Minimum visualization width in pixels
minVizHeight	number	-	Minimum visualization height in pixels
sizing	BarGaugeSizing	-	Sizing mode
orientation	VizOrientation	-	Visualization orientation
reduceOptions	ReduceDataOptions	-	Data reduction options (advanced)
text	TextFormattingOptions	-	Text formatting options

Inherits from BasePanelProps