Vis, hvordan mængder flyder fra ét trin til det næste, med linkbredder proportionale med mængden.
Hvorfor det hjælper
- Flow med proportionale links
- Tydelige stier
- Knudepunkter i kolonner
Hvor det passer
- Budgetflow
- Kunderejser
- Energiflow
Eksempel
<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)
];
}Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.
Del af RayCraft Complete.