Hoppa till innehållet
DIAGRAM · COMPLETE

BarChart

Jämför värden tydligt med lodräta eller vågräta staplar, grupperade eller staplade.

Jämför värden tydligt med lodräta eller vågräta staplar, grupperade eller staplade, med stöd för negativa värden.

Varför det hjälper

  • Lodrätt eller vågrätt
  • Grupperat eller staplat
  • Klicka på staplar

Var det passar

  • Försäljning per kvartal
  • Kategorijämförelse
  • Enkätsvar
Kontrollen BarChart på en RayCraft-sida

Exempel

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

Ett kort utdrag. Lägg till @using RayCraft.Blazor.Components på din sida och använd ett interaktivt renderingsläge.

Del av RayCraft Complete.

Alla kontroller ยท Dokumentation