RayCraftDocs
v1.0.3
sv
raycraft.dev
På den här sidan

LineChart

Complete

Linjediagram med flera serier, valfri utjämning och ytfyllning. Klicka på en post i förklaringen för att dölja eller visa en serie. Diagrammet ritas som SVG och använder temats färger; hovring över en punkt visar dess värde. En dold tabell med samma tal finns för skärmläsare.

Exempel

Kontrollen LineChart

Parametrar

ParameterTypBeskrivning
AreaboolFyller området under linjen.
CategoriesIEnumerable<string>Etiketter längs den horisontella axeln.
ClassstringExtra CSS-klasser som läggs till på rotelementet.
HeightDoubleStörsta höjd för rutnätets brödtext, till exempel 24rem (standard 28rem med VirtualScroll).
IntegerTicksbool?Tvingar fram heltalssteg på axlarna; som standard används de när alla värden är heltal.
LabelstringSynlig etikettext (diagram: tillgängligt namn; IconButton: tillgängligt namn och verktygstips).
SeriesIEnumerable<ChartSeries>Dataserier: ChartSeries(name, values).
ShowDataLabelsboolSkriver värdet på varje markering (staplar, linjepunkter, cirkelsektorer).
ShowExportboolLägger till knappar som sparar diagrammet som PNG- eller SVG-bild.
ShowGridboolRitar horisontella rutnätslinjer.
ShowLegendboolVisar den klickbara förklaringen.
SmoothboolRitar böjda linjer i stället för raka segment.
StylestringInbäddad stil som läggs till på rotelementet.
TrendChartTrendLinjen None, Linear eller MovingAverage för varje visad serie.
TrendPeriodintAntal värden som det glidande medelvärdet bildas av (standard 3).
ValueFormatstringTalformat för axeln och verktygstips, t.ex. N0 eller P1.
WidthDoubleSkeleton: vilken CSS-längd som helst. Charts: ritbredd i SVG-enheter (diagrammet anpassas fortfarande efter sin behållare).
ZeroBasedboolTar alltid med noll på värdeaxeln.
ZoomableboolLägger till knappar för zoom och förflyttning; diagrammet visar ett fönster av kategorierna.

Paket

LineChart ingår i RayCraft Complete. Paket: RayCraft.Blazor.Complete. Den hämtas från RayCrafts privata flöde och kräver en aktiv licens. Se Kom igång.