LineChart
CompleteKurvediagram med flere serier, valgfri utjevning og områdefyll. Klikk på en post i tegnforklaringen for å skjule eller vise en serie. Diagrammet tegnes som SVG og bruker temaets farger; hvis musen holdes over et punkt, vises verdien. En skjult tabell med de samme tallene er tilgjengelig for skjermlesere.
Eksempel
Parametere
| Parameter | Type | Beskrivelse |
|---|---|---|
Area | bool | Fyller området under linjen. |
Categories | IEnumerable<string> | Etiketter langs den vannrette aksen. |
Class | string | Ekstra CSS-klasser som legges til rotelementet. |
Height | Double | Maksimal høyde på rutenettets brødtekst, for eksempel 24rem (standard 28rem med VirtualScroll). |
IntegerTicks | bool? | Tvinger fram heltallstrinn på aksene; som standard brukes de når alle verdier er hele tall. |
Label | string | Synlig etikettekst (diagrammer: tilgjengelig navn; IconButton: tilgjengelig navn og verktøytips). |
Series | IEnumerable<ChartSeries> | Dataserier: ChartSeries(name, values). |
ShowDataLabels | bool | Skriver verdien på hver markering (søyler, linjepunkter, sirkelsektorer). |
ShowExport | bool | Legger til knapper som lagrer diagrammet som PNG- eller SVG-bilde. |
ShowGrid | bool | Tegner vannrette rutenettlinjer. |
ShowLegend | bool | Viser den klikkbare tegnforklaringen. |
Smooth | bool | Tegner buede linjer i stedet for rette segmenter. |
Style | string | Innebygd stil som legges til rotelementet. |
Trend | ChartTrend | Linjen None, Linear eller MovingAverage for hver viste serie. |
TrendPeriod | int | Antall verdier det glidende gjennomsnittet beregnes over (standard 3). |
ValueFormat | string | Tallformat for aksen og verktøytips, f.eks. N0 eller P1. |
Width | Double | Skeleton: en hvilken som helst CSS-lengde. Charts: tegnebredde i SVG-enheter (diagrammet tilpasses fortsatt beholderen). |
ZeroBased | bool | Tar alltid med null på verdiaksen. |
Zoomable | bool | Legger til knapper for zoom og flytting; diagrammet viser et vindu av kategoriene. |
Pakke
LineChart er en del av RayCraft Complete. Pakke: RayCraft.Blazor.Complete. Den hentes fra RayCrafts private feed og krever en aktiv lisens. Se Kom i gang.
Relaterte kontroller
- ChartDataTableEn tabell med diagramdata som er skjult på skjermen og leses av skjermlesere, slik at diagramverdiene er tilgjengelige som tekst.
- ChartLegendEt diagrams tegnforklaring.
- ChartToolbarDiagrammets verktøyknapper: zoom inn, zoom ut, flytt til venstre, flytt til høyre, tilbakestill og eksporter.
Send tilbakemeldingVersjon 1.0.3