LineChart
CompleteLijngrafiek met meerdere reeksen, optionele afvlakking en vlakvulling. Klik op een legenda-item om een reeks te verbergen of te tonen. De grafiek wordt als SVG getekend en gebruikt de themakleuren; zweven over een punt toont zijn waarde. Voor schermlezers is een verborgen tabel met dezelfde getallen beschikbaar.
Voorbeeld
Parameters
| Parameter | Type | Beschrijving |
|---|---|---|
Area | bool | Vult het gebied onder de lijn. |
Categories | IEnumerable<string> | Labels langs de horizontale as. |
Class | string | Extra CSS-klassen die aan het hoofdelement worden toegevoegd. |
Height | Double | Maximale hoogte van de rasterbody, bijvoorbeeld 24rem (standaard 28rem met VirtualScroll). |
IntegerTicks | bool? | Dwingt hele-getalstappen op de assen af; standaard worden ze gebruikt als alle waarden geheel zijn. |
Label | string | Zichtbare labeltekst (grafieken: toegankelijke naam; IconButton: toegankelijke naam en knopinfo). |
Series | IEnumerable<ChartSeries> | Gegevensreeksen: ChartSeries(name, values). |
ShowDataLabels | bool | Schrijft de waarde op elke markering (balken, lijnpunten, taartpunten). |
ShowExport | bool | Voegt knoppen toe die de grafiek als PNG- of SVG-afbeelding opslaan. |
ShowGrid | bool | Tekent horizontale rasterlijnen. |
ShowLegend | bool | Toont de aanklikbare legenda. |
Smooth | bool | Tekent gebogen lijnen in plaats van rechte segmenten. |
Style | string | Inline stijl die aan het hoofdelement wordt toegevoegd. |
Trend | ChartTrend | Lijn None, Linear of MovingAverage voor elke getoonde reeks. |
TrendPeriod | int | Aantal waarden waarover het voortschrijdend gemiddelde wordt genomen (standaard 3). |
ValueFormat | string | Getalnotatie voor de as en knopinfo, bijv. N0 of P1. |
Width | Double | Skeleton: elke CSS-lengte. Charts: tekenbreedte in SVG-eenheden (de grafiek schaalt nog steeds mee met zijn container). |
ZeroBased | bool | Neemt altijd nul op in de waardenas. |
Zoomable | bool | Voegt knoppen voor zoomen en verplaatsen toe; de grafiek toont een venster van de categorieën. |
Pakket
LineChart maakt deel uit van RayCraft Complete. Pakket: RayCraft.Blazor.Complete. Het komt uit de privéfeed van RayCraft en vereist een actieve licentie. Zie Aan de slag.
Verwante besturingselementen
- ChartDataTableEen tabel met de grafiekgegevens die op het scherm verborgen is en door schermlezers wordt gelezen, zodat de grafiekwaarden als tekst beschikbaar zijn.
- ChartLegendDe legenda van een grafiek.
- ChartToolbarDe gereedschapsknoppen van de grafiek: inzoomen, uitzoomen, naar links verplaatsen, naar rechts verplaatsen, herstellen en exporteren.
Feedback sturenVersie 1.0.3