Donut Chart

IsabyteChartDonut

Donut chart — a pie with a hollow centre. Default inner radius is 0.6. Same parameter surface as IsabyteChartPie, including 3D tilt, lighting, tooltips, data labels, and timeline playback.

Donut Chart Parameters

Revenue by region
Slice	Value	Share
Europe	38	38.0%
North America	29	29.0%
Asia	22	22.0%
Other	11	11.0%

Current Configuration

📋

<IsabyteChartDonut Data="@Data"
               Width="520"
               Height="380"
               ShowDataLabels="true"
               Title="Revenue by region"
               OnElementClick="HandleClick" />

@code {
private readonly IReadOnlyList<IsabyteChartPieSlice> Data = new IsabyteChartPieSlice[]
{
    new("Europe", 38), new("North America", 29),
    new("Asia", 22), new("Other", 11),
};
}