RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

AreaChart

Complete

Gestapelte, prozentuale und überlappende Flächen. Gestapelte und prozentuale Flächen sind deckend, sodass Summe und Anteile leicht zu lesen sind.

Beispiel

Steuerelement AreaChart

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).
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).
ModeAreaMode
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.
SmoothboolZeichnet gekrümmte Linien statt gerader Segmente.
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.

Paket

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