Charts
Radial Bar Chart
Build radial bar charts for circular progress and comparison
Radial bar charts display data as concentric arcs, useful for progress indicators and circular comparisons.
Simple Radial Bar Chart
Radial Bar with Labels
Place <LabelList> as a child of <RadialBar> to show labels inside arcs.
Stacked Radial Bar
Use stack-id on multiple <RadialBar> components.
RadialBar props
| Prop | Type | Default | Description |
|---|---|---|---|
dataKey | string | number | Function | required | Key from data |
background | boolean | object | false | Show background arc |
stackId | string | — | Stack ID for grouping |
cornerRadius | number | string | 0 | Arc corner radius |
forceCornerRadius | boolean | false | Force corners on short arcs |
fill | string | — | Arc fill color |
minPointSize | number | 0 | Minimum angular span |
hide | boolean | false | Hide the radial bars |
isAnimationActive | boolean | true | Enable animation |