Docs / Pie charts

Gradient

Pro

A pie whose slices are filled with radial gradients.

Illustration — rendered output uses live data.

Example

blade

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

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