RayCraftDocs
v1.0.3
de
raycraft.dev
Auf dieser Seite

LineChart

Complete

Liniendiagramm mit mehreren Reihen, optionaler Glättung und Flächenfüllung. Ein Klick auf einen Legendeneintrag blendet eine Reihe aus oder ein. Das Diagramm wird als SVG gezeichnet und verwendet die Designfarben; das Überfahren eines Punkts zeigt seinen Wert. Für Screenreader steht eine verborgene Tabelle mit denselben Zahlen bereit.

Beispiel

Steuerelement LineChart

Parameter

ParameterTypBeschreibung
AreaboolFüllt die Fläche unter der Linie.
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).
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

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