Gå til indholdet
DIAGRAMMER · COMPLETE

BarChart

Sammenlign værdier tydeligt med lodrette eller vandrette søjler, grupperede eller stablede.

Sammenlign værdier tydeligt med lodrette eller vandrette søjler, grupperede eller stablede, med understøttelse af negative værdier.

Hvorfor det hjælper

  • Lodret eller vandret
  • Grupperet eller stablet
  • Klik på søjler

Hvor det passer

  • Salg pr. kvartal
  • Kategorisammenligning
  • Undersøgelsessvar
Kontrollen BarChart på en RayCraft-side

Eksempel

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

Et kort uddrag. Tilføj @using RayCraft.Blazor.Components til din side, og brug en interaktiv gengivelsestilstand.

Del af RayCraft Complete.

Alle kontroller ยท Dokumentation