Zum Inhalt springen
DIAGRAMME · COMPLETE

SunburstChart

Eine Hierarchie als konzentrische Ringe zeigen.

Zeigen Sie eine Hierarchie als konzentrische Ringe, wobei jeder Ring eine Ebene ist und die Breite eines Bogens dem Wert folgt.

Warum es hilft

  • Hierarchie in Ringen
  • Bogengröße nach Wert
  • Kompakt

Wo es passt

  • Kosten nach Kategorie
  • Dateigrößen
  • Anteile in der Organisation
Das Steuerelement SunburstChart auf einer RayCraft-Seite

Beispiel

<SunburstChart Label="Sales by region" ShowDataLabels="true" Nodes="_nodes" />

@code {
    private readonly SunburstNode[] _nodes =
    [
        new("Europe", 0, [new("Germany", 40), new("France", 30), new("Bulgaria", 12)]),
        new("Americas", 0, [new("USA", 60), new("Brazil", 20)]),
        new("Asia", 0, [new("Japan", 35, null), new("India", 0, [new("North", 12), new("South", 14)])])
    ];
}

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