RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

BarChart

Complete

Gruppierte oder gestapelte Balken, vertikal oder horizontal, mit Unterstützung negativer Werte im gruppierten Modus.

Beispiel

Steuerelement BarChart

Parameter

ParameterTypBeschreibung
CategoriesIEnumerable<string>Beschriftungen entlang der horizontalen Achse.
ClassstringZusätzliche CSS-Klassen, die dem Wurzelelement hinzugefügt werden.
HeightDoubleMaximale Höhe des Rasterkörpers, zum Beispiel 24rem (Standard 28rem mit VirtualScroll).
HorizontalboolZeichnet die Balken von links nach rechts mit den Kategorien an der linken Seite.
IntegerTicksbool?Erzwingt ganzzahlige Achsenschritte; standardmäßig werden sie verwendet, wenn alle Werte ganzzahlig sind.
LabelstringSichtbarer Beschriftungstext (Diagramme: zugänglicher Name; IconButton: zugänglicher Name und QuickInfo).
SeriesIEnumerable<ChartSeries>Datenreihen: ChartSeries(name, values).
ShowDataLabelsboolSchreibt den Wert an jede Markierung (Balken, Linienpunkte, Kreissegmente).
ShowExportboolFügt Schaltflächen hinzu, die das Diagramm als PNG- oder SVG-Bild speichern.
ShowGridboolZeichnet horizontale Gitternetzlinien.
ShowLegendboolZeigt die anklickbare Legende.
StackedboolStapelt die Reihen übereinander.
StylestringInline-Stil, der dem Wurzelelement hinzugefügt wird.
TrendChartTrendNone, Linear oder MovingAverage-Linie für jede angezeigte Reihe.
TrendPeriodintAnzahl der Werte, über die der gleitende Durchschnitt gebildet wird (Standard 3).
ValueFormatstringZahlenformat für Achse und QuickInfos, z. B. N0 oder P1.
WidthDoubleSkeleton: jede CSS-Länge. Charts: Zeichenbreite in SVG-Einheiten (das Diagramm skaliert weiterhin mit seinem Container).
ZeroBasedboolSchließt auf der Wertachse immer Null ein.
ZoomableboolFügt Schaltflächen zum Zoomen und Verschieben hinzu; das Diagramm zeigt ein Fenster der Kategorien.

Ereignisse

EreignisTypBeschreibung
OnBarClickEventCallback<ChartPointClick>

Paket

BarChart gehört zu RayCraft Complete. Paket: RayCraft.Blazor.Complete. Es stammt aus dem privaten RayCraft-Feed und erfordert eine aktive Lizenz. Siehe Erste Schritte.