RayCraftDocs
v1.0.3
da
raycraft.dev
På denne side

LineChart

Complete

Kurvediagram med flere serier, valgfri udjævning og områdefyld. Klik på en post i signaturforklaringen for at skjule eller vise en serie. Diagrammet tegnes som SVG og bruger temaets farver; når musen holdes over et punkt, vises dets værdi. En skjult tabel med de samme tal er tilgængelig for skærmlæsere.

Eksempel

Kontrollen LineChart

Parametre

ParameterTypeBeskrivelse
AreaboolUdfylder området under linjen.
CategoriesIEnumerable<string>Etiketter langs den vandrette akse.
ClassstringEkstra CSS-klasser, der tilføjes til rodelementet.
HeightDoubleMaksimal højde på gitterets brødtekst, for eksempel 24rem (standard 28rem med VirtualScroll).
IntegerTicksbool?Gennemtvinger heltalstrin på akserne; som standard bruges de, når alle værdier er hele tal.
LabelstringSynlig etikettekst (diagrammer: tilgængeligt navn; IconButton: tilgængeligt navn og værktøjstip).
SeriesIEnumerable<ChartSeries>Dataserier: ChartSeries(name, values).
ShowDataLabelsboolSkriver værdien på hver markering (søjler, linjepunkter, cirkeludsnit).
ShowExportboolTilføjer knapper, der gemmer diagrammet som PNG- eller SVG-billede.
ShowGridboolTegner vandrette gitterlinjer.
ShowLegendboolViser den klikbare signaturforklaring.
SmoothboolTegner buede linjer i stedet for rette segmenter.
StylestringIndlejret typografi, der tilføjes til rodelementet.
TrendChartTrendNone, Linear eller MovingAverage-linje for hver viste serie.
TrendPeriodintAntal værdier, det glidende gennemsnit beregnes over (standard 3).
ValueFormatstringTalformat til akse og værktøjstips, f.eks. N0 eller P1.
WidthDoubleSkeleton: en vilkårlig CSS-længde. Charts: tegnebredde i SVG-enheder (diagrammet tilpasses stadig sin beholder).
ZeroBasedboolInkluderer altid nul på værdiaksen.
ZoomableboolTilføjer knapper til zoom og flyt; diagrammet viser et vindue af kategorierne.

Pakke

LineChart er en del af RayCraft Complete. Pakke: RayCraft.Blazor.Complete. Den hentes fra RayCrafts private feed og kræver en aktiv licens. Se Kom i gang.