Chart.RadialBar

Bars bent around a circle, for a handful of rates.

Chart of value over 3 points
metricvalue
fillRate78
responseRate64
repeatRate41
<Chart.RadialBar />

API

PropTypeDefault
backgroundbooleantrueDraw the unfilled remainder of each track.
dataKeystringField holding each track's value. Defaults to the first value key.
endAnglenumber360Where a full track ends. A partial sweep draws a gauge rather than a ring.
gapnumber4Pixels between two tracks.
innerRadiusRationumber0.3Fraction of the radius left hollow in the middle.
insetnumber8Pixels kept clear inside the plot edge.
maxnumberValue that fills a whole track. Defaults to the value axis maximum.
nameKeystringField naming each track's config entry. Defaults to the category field.
startAnglenumber0Where a full track begins, in radians clockwise from 12 o'clock.

Plus every <g> prop. Source: chart/components/chart-radial-bar.tsx.

max is what makes a radial bar readable as a proportion — without it the tracks are scaled to the largest value present, so "full" means nothing fixed. Set it when the chart is a gauge.