Към съдържанието
ГРАФИКИ · COMPLETE

SankeyChart

Покажете как количества текат от един етап към следващия.

Покажете как количества текат от един етап към следващия, с ширини на връзките, пропорционални на количеството.

Защо помага

  • Потоци с пропорционални връзки
  • Ясни пътища
  • Възли в колони

Къде пасва

  • Бюджетни потоци
  • Пътешествия на клиенти
  • Енергийни потоци
Контролата SankeyChart в страница на RayCraft

Пример

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

Кратък фрагмент. Добавете @using RayCraft.Blazor.Components към страницата си и ползвайте интерактивен режим на рендиране.

Част от RayCraft Complete.

Всички контроли ยท Документация