Aller au contenu
GRAPHIQUES · COMPLETE

SankeyChart

Montrez comment les quantités circulent d’une étape à la suivante.

Montrez comment les quantités circulent d’une étape à la suivante, avec des largeurs de lien proportionnelles à la quantité.

Pourquoi c’est utile

  • Flux à liens proportionnels
  • Chemins clairs
  • Nœuds en colonnes

Où il trouve sa place

  • Flux budgétaires
  • Parcours clients
  • Flux d’énergie
Le contrôle SankeyChart dans une page RayCraft

Exemple

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

Un court fragment. Ajoutez @using RayCraft.Blazor.Components à votre page et utilisez un mode de rendu interactif.

Fait partie de RayCraft Complete.

Tous les contrôles ยท Documentation