Donut chart
ProA pie with a hole — great for a headline metric in the center.
Illustration — rendered output uses live data.
Example
blade
<chart:donut
:series="[44, 55, 13]"
:labels="['Direct', 'Organic', 'Referral']"
/>
Props
| Prop | Type | Default | Description |
|---|---|---|---|
| series | array | [] | Flat values, or [name, value] objects. |
| labels | array | [] | Slice labels. |
| legend | bool | true | Show the legend. |
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