Zum Inhalt springen
DIAGRAMME · COMPLETE

SankeyChart

Zeigen, wie Mengen von einer Stufe zur nächsten fließen.

Zeigen Sie, wie Mengen von einer Stufe zur nächsten fließen, mit Linkbreiten proportional zur Menge.

Warum es hilft

  • Flüsse mit proportionalen Links
  • Klare Pfade
  • Knoten in Spalten

Wo es passt

  • Budgetflüsse
  • Kundenreisen
  • Energieflüsse
Das Steuerelement SankeyChart auf einer RayCraft-Seite

Beispiel

<SankeyChart Label="Energy flow" Links="_links" />

@code {
    private readonly SankeyLink[] _links =
    [
        new("Coal", "Electricity", 40),
        new("Gas", "Electricity", 30),
        new("Wind", "Electricity", 20),
        new("Gas", "Heat", 25),
        new("Electricity", "Industry", 45),
        new("Electricity", "Homes", 35),
        new("Electricity", "Losses", 10),
        new("Heat", "Homes", 25)
    ];
}

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