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

BarChart

Сравнявайте стойности ясно с вертикални или хоризонтални ленти, групирани или натрупани.

Сравнявайте стойности ясно с вертикални или хоризонтални ленти, групирани или натрупани, с поддръжка на отрицателни стойности.

Защо помага

  • Вертикални или хоризонтални
  • Групирани или натрупани
  • Клик върху лентите

Къде пасва

  • Продажби по тримесечия
  • Сравнение на категории
  • Отговори от анкети
Контролата BarChart в страница на RayCraft

Пример

<BarChart Label="Revenue by quarter" Categories="_quarters" Series="_series" ShowDataLabels="true" Trend="ChartTrend.MovingAverage" TrendPeriod="2" ShowExport="true" />

@code {
    private readonly string[] _quarters = ["Q1", "Q2", "Q3", "Q4", "Q1", "Q2", "Q3", "Q4"];

    private readonly ChartSeries[] _series =
    [
        new("Revenue", [120, 135, 128, 160, 172, 181, 177, 205])
    ];
}

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

Част от RayCraft Complete.

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