Skip to content

Gauge

const Gauge: ForwardRefExoticComponent<GaugeComponentProps & RefAttributes<ChartRef>>

Defined in: index.tsx:319

Gauge / meter React component. Updates the needle imperatively when value changes, without recreating the chart.

Example

<Gauge
value={72}
min={0} max={100}
segments={[
{ from: 0, to: 60, color: '#5b8cff' },
{ from: 60, to: 85, color: '#ffa45b' },
{ from: 85, to: 100, color: '#ff5b5b' },
]}
/>