Docs / Pie charts

External labels

Pro

A pie with external data labels connected by leader lines.

Illustration — rendered output uses live data.

Example

blade 
<chart:pie-labels
    :series="[44, 25, 20, 11]"
    :labels="['Chrome', 'Safari', 'Edge', 'Firefox']"
/>

Props

Prop Type Default Description
series array [] Flat values, or [name, value] objects.
labels array [] Slice labels.

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 Monochrome →