Hopp til innholdet
DIAGRAMMER · COMPLETE

SankeyChart

Vis hvordan mengder flyter fra ett trinn til det neste.

Vis hvordan mengder flyter fra ett trinn til neste, med lenkebredder proporsjonale med mengden.

Hvorfor det hjelper

  • Flyter med proporsjonale lenker
  • Tydelige veier
  • Noder i kolonner

Hvor det passer

  • Budsjettflyter
  • Kundereiser
  • Energiflyter
Kontrollen SankeyChart på en RayCraft-side

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 utdrag. Legg til @using RayCraft.Blazor.Components på siden din, og bruk en interaktiv gjengivelsesmodus.

Del av RayCraft Complete.

Alle kontroller ยท Dokumentasjon