Are you an AI agent?
import { GaugeSeries } from '@wick-charts/react';
 
<GaugeSeries value={cpuLoad} />

Gauge: one value on an arc between min and max, with optional zones and a center label. A new value glides from the one on screen.

Renders one value on an arc between min and max (default 0 and 100). startAngle / endAngle set the arc in degrees clockwise from 12 o’clock (default ±120°). zones ({ to, color? }) draw bands along the arc, and the value takes the color of the zone it ends in; zones without a color sample the theme’s good → bad ramp. style: 'needle' points a needle at the value instead of filling the arc. The center shows the value through format and the label caption; min and max sit in the arc’s gap, next to its ends. A value outside the range clamps on the arc, while the label shows it as is. The first value sweeps up from min; a new value glides from the one on screen.

Props

valuenumber

The value to show. A value outside min…max clamps on the arc; the center label shows it as is.

options?Partial<GaugeSeriesOptions>

Visual options override — range, angles, zones, arc or needle style, caption, value format, colors, entry / update durations.

id?string

Stable series ID — same value across remounts.

visible?default trueboolean

Show/hide the series without unmounting it. Default true. Live.