Visa delar av en helhet som cirkel- eller munkdiagram, med en teckenförklaring som döljer segment.
Varför det hjälper
- Cirkel eller munk
- Växling via teckenförklaringen
- Klicka på segment
Var det passar
- Trafikkällor
- Budgetfördelning
- Andelar
Exempel
<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)];
}Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.
Del av RayCraft Complete.