Vis dele af en helhed som lagkage- eller donutdiagram, med en signaturforklaring, der skjuler udsnit.
Hvorfor det hjælper
- Lagkage eller donut
- Skift via signaturforklaringen
- Klik på udsnit
Hvor det passer
- Trafikkilder
- Budgetfordeling
- Andele
Eksempel
<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)];
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Del af RayCraft Complete.