Docs / Pie charts

Semi-circle

Pro

A donut whose slices fill the top half of the ring.

Illustration — rendered output uses live data.

Example

blade 
<chart:pie-semi
    :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 External labels →