Docs / Gauges

Gauge chart

Pro

Show a value against a range with a classic needle or a progress ring.

Illustration — rendered output uses live data.

Example

blade 
<chart:gauge
    :value="72"
    name="CPU"
    progress
/>

Props

Prop Type Default Description
value int|float 0 The value to display.
min int|float 0 Lower bound of the range.
max int|float 100 Upper bound of the range.
name string '' Label shown beneath the value.
progress bool false Use a progress ring instead of a needle.

Plus the common props (height, theme, model, class).

This is a Pro component

Unlock it and every other Pro chart with a one-time license.

Get WireCharts Pro
Next Clock →