SankeyChart

Visa hur mängder flödar från ett steg till nästa, med länkbredder proportionella mot mängden.

Varför det hjälper

• Flöden med proportionella länkar
• Tydliga vägar
• Noder i kolumner

Var det passar

• Budgetflöden
• Kundresor
• Energiflöden

Exempel

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

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Del av RayCraft Complete.

Alla kontroller · Dokumentation