Zum Inhalt springen
DIAGRAMME · COMPLETE

PieChart

Teile eines Ganzen als Kreis- oder Ringdiagramm zeigen.

Zeigen Sie Teile eines Ganzen als Kreis- oder Ringdiagramm, mit einer Legende, die Segmente ausblendet.

Warum es hilft

  • Kreis oder Ring
  • Umschalten per Legende
  • Klick auf Segmente

Wo es passt

  • Traffic-Quellen
  • Budgetaufteilung
  • Anteile
Das Steuerelement PieChart auf einer RayCraft-Seite

Beispiel

<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)];
}

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

Teil von RayCraft Complete.

Alle Steuerelemente ยท Dokumentation