Toon delen van een geheel als taart- of donutdiagram, met een legenda die segmenten verbergt.
Waarom het helpt
- Taart of donut
- Schakelen via de legenda
- Klik op segmenten
Waar het past
- Verkeersbronnen
- Budgetverdeling
- Aandelen
Voorbeeld
<Stack Spacing="6">
<PieChart Label="Devices" Slices="_slices" ShowDataLabels="true" ShowExport="true" />
<PieChart Label="Devices (donut)" Slices="_slices" Donut="true" ShowDataLabels="true" CenterText="2026" />
</Stack>
@code {
private readonly ChartSlice[] _slices = [new("Desktop", 64), new("Phone", 19), new("Tablet", 5), new("TV", 3), new("Other", 9)];
}Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.
Onderdeel van RayCraft Complete.