Docs / Basics

Pie chart

Free

Show parts of a whole. Pass flat values with labels, or pre-shaped data objects.

Illustration — rendered output uses live data.

Example

blade 
<chart:pie
    :series="[44, 55, 13, 33]"
    :labels="['Chrome', 'Safari', 'Edge', 'Firefox']"
/>

Props

Prop Type Default Description
series array [] Flat values, or [name, value] objects.
labels array [] Slice labels (when series is a flat list).
rose bool false Render as a Nightingale rose chart.
legend bool true Show the legend.

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

Next Scatter chart →