Mostre como as quantidades fluem de uma etapa para a seguinte, com larguras de link proporcionais à quantidade.
Por que ajuda
- Fluxos com links proporcionais
- Caminhos claros
- Nós em colunas
Onde se encaixa
- Fluxos de orçamento
- Jornadas de clientes
- Fluxos de energia
Exemplo
<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)
];
}Um pequeno trecho. Adicione @using RayCraft.Blazor.Components à sua página e use um modo de renderização interativo.
Faz parte do RayCraft Complete.