Hopp til innholdet
DIAGRAMMER · COMPLETE

PieChart

Vis deler av en helhet som sektor- eller smultringdiagram.

Vis deler av en helhet som sektor- eller smultringdiagram, med en forklaring som skjuler segmenter.

Hvorfor det hjelper

  • Sektor eller smultring
  • Veksling via forklaringen
  • Klikk på segmenter

Hvor det passer

  • Trafikkilder
  • Budsjettfordeling
  • Andeler
Kontrollen PieChart på en RayCraft-side

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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Del av RayCraft Complete.

Alle kontroller ยท Dokumentasjon