Docs / Pie & funnel

Donut chart

Pro

A 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
Next Funnel chart →