Naar de inhoud
GRAFIEKEN · COMPLETE

BarChart

Vergelijk waarden duidelijk met verticale of horizontale balken, gegroepeerd of gestapeld.

Vergelijk waarden duidelijk met verticale of horizontale balken, gegroepeerd of gestapeld, met ondersteuning van negatieve waarden.

Waarom het helpt

  • Verticaal of horizontaal
  • Gegroepeerd of gestapeld
  • Klik op balken

Waar het past

  • Omzet per kwartaal
  • Categorievergelijking
  • Enquêteantwoorden
Het besturingselement BarChart op een RayCraft-pagina

Voorbeeld

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

Een kort fragment. Voeg @using RayCraft.Blazor.Components toe aan je pagina en gebruik een interactieve rendermodus.

Onderdeel van RayCraft Complete.

Alle besturingselementen ยท Documentatie