Saltar al contenido
GRÁFICOS · COMPLETE

SankeyChart

Muestra cómo fluyen las cantidades de una etapa a la siguiente.

Muestra cómo fluyen las cantidades de una etapa a la siguiente, con anchos de enlace proporcionales a la cantidad.

Por qué ayuda

  • Flujos con enlaces proporcionales
  • Caminos claros
  • Nodos en columnas

Dónde encaja

  • Flujos presupuestarios
  • Recorridos de clientes
  • Flujos de energía
El control SankeyChart en una página de RayCraft

Ejemplo

<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 breve fragmento. Añade @using RayCraft.Blazor.Components a tu página y usa un modo de renderizado interactivo.

Forma parte de RayCraft Complete.

Todos los controles ยท Documentación