Zum Inhalt springen
DIAGRAMME · COMPLETE

BarChart

Werte klar vergleichen mit senkrechten oder waagerechten Balken, gruppiert oder gestapelt.

Vergleichen Sie Werte klar mit senkrechten oder waagerechten Balken, gruppiert oder gestapelt, mit Unterstützung negativer Werte.

Warum es hilft

  • Senkrecht oder waagerecht
  • Gruppiert oder gestapelt
  • Klick auf Balken

Wo es passt

  • Umsatz nach Quartal
  • Kategorienvergleich
  • Umfrageantworten
Das Steuerelement BarChart auf einer RayCraft-Seite

Beispiel

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

Ein kurzes Fragment. Fügen Sie @using RayCraft.Blazor.Components zu Ihrer Seite hinzu und nutzen Sie einen interaktiven Render-Modus.

Teil von RayCraft Complete.

Alle Steuerelemente ยท Dokumentation