LmsLineChart

Diagramme

Liniendiagramm — Verlauf über eine geordnete Achse.

In Markdown: ::lms-line-chart Im Zusammenhang ansehen

Die Linie behauptet einen Zusammenhang zwischen benachbarten Punkten — also nur dort, wo die Achse eine Ordnung hat.

Beispiele (6)

Linie

Line Chart

Datentabelle zum Diagramm
Kategorie	Bearbeitete Nuggets
Woche 1	24
Woche 2	38
Woche 3	51
Woche 4	47
Woche 5	63
Woche 6	72

Mehrere Reihen

Multi Axis Line Chart — die zweite Reihe hängt an einer eigenen Achse.

Datentabelle zum Diagramm
Kategorie	Teilnehmende	Quote in Prozent
Jan	120	42
Feb	180	48
Mär	240	51
Apr	310	49
Mai	380	58
Jun	460	64

Treppenstufen

Stepped Line Chart — für Werte, die sprunghaft wechseln statt zu gleiten.

Datentabelle zum Diagramm
Kategorie	Geltende Meldefrist in Stunden
Jan	72
Feb	72
Mär	24
Apr	24
Mai	24
Jun	24
Jul	24

Krümmung

Line Chart Interpolation — tension zwischen 0 und 1.

Datentabelle zum Diagramm
Kategorie	eckig (0)	weich (0.4)
1	12	22
2	32	42
3	18	28
4	44	54
5	26	36
6	51	61
7	38	48

Gestrichelt und mit Punktformen

Line Styling und Point Styling zusammengefasst.

Datentabelle zum Diagramm
Kategorie	Ist	Ziel
Jan	18	20
Feb	24	26
Mär	31	32
Apr	29	38
Mai	38	44
Jun	44	50

Lücken in den Daten

`null` unterbricht die Linie, statt eine Null zu behaupten.

Für März und April liegen keine Zahlen vor — die Linie behauptet dort nichts.

Datentabelle zum Diagramm
Kategorie	Erfasste Quote
Jan	42
Feb	48
Mär	kein Wert
Apr	kein Wert
Mai	58
Jun	64
Jul	69

API

Vollständig aus den Quellen erzeugt. Dieselben Angaben stehen an jedem Beispiel hinter dem Knopf API — hier ausgeschrieben, damit sie über die Seitensuche und im Druck auffindbar bleiben.

Props

Prop	Typ	Standard	Bedeutung
`labels`	`(string \| number)[]`	`() => []`	—
`datasets`	`LmsChartDataset[]`	`() => []`	—
`area`	`boolean`	—	Alle Flächen unter den Linien füllen.
`stacked`	`boolean`	—	Reihen aufeinander stapeln. Sinnvoll nur mit `area`.
`tension`	`number \| string`	—	Krümmung für alle Reihen, 0 = eckig.
`legend`	`boolean`	—	—
`title`	`string`	—	Überschrift.
`subtitle`	`string`	—	—
`yTitle`	`string`	—	—
`xTitle`	`string`	—	—
`caption`	`string`	—	—
`summary`	`string`	—	—
`height`	`string`	`'20rem'`	—
`options`	`Record<string, unknown>`	—	Rohe Chart.js-Optionen. Werden tief mit den Vorgaben verschmolzen.

Slots

Dieser Baustein hat keine Slots — sein Inhalt kommt vollständig aus den Props.

Emits

Dieser Baustein sendet keine Events.

Theme

Dieser Baustein hat keine Fläche in der app.config.ts.

Sein Aussehen steuerst du über Props — bei den didaktischen Bausteinen über das gemeinsame Farbrollen-Vokabular (color, variant), bei den dekorativen über deren eigene Props. Eine Theming-Ebene wie ui.<komponente> in Nuxt UI gibt es hier noch nicht.

Changelog

Hinzugefügt1.4.02026-08-20
Geändert0.7.02026-08-20
src/runtime/utils/totp.ts kommt hinzu: TOTP in reinem JavaScript, gegen die Testvektoren des RFC geprüft. Einzige Änderung gegenüber der Quelle sind Nicht-Null-Zusicherungen an den Feldzugriffen — der Bestand an @ts-nocheck bleibt bei 51, und keine Ausnahme liegt außerhalb von fx/
Hinzugefügt0.6.02026-08-20
useLmsProgress: Fortschritt lässt sich speichern, ohne dass die Bibliothek ein Backend kennt. Das Zielprojekt hinterlegt einmal einen Adapter mit get/set, die Bausteine nutzen ihn, wenn er da ist — sonst halten sie den Stand im Speicher wie bisher. Ereignisse wären hier nutzlos: MDC kann keine Events abonnieren, und genau dort werden diese Bausteine benutzt
Behoben0.4.02026-08-20
Die Warnung Slot "default" invoked outside of the render function erscheint nicht mehr. Der Katalog läuft jetzt mit 0 Fehlern und 0 Warnungen
Hinzugefügt0.3.02026-08-20
Der MDC-Bereich jedes Beispiels ist jetzt ein Editor: Syntaxhervorhebung, Code-Vervollständigung aus der Registry, Prüfung in sechs Stufen und eine Vorschau, die beim Tippen mitläuft. Oben rechts Zurücksetzen und Kopieren
Hinzugefügt0.3.02026-08-20
Die Prüfung meldet unbekannte Bausteine, unbekannte Props, fehlende Pflicht-Props, unbekannte Slots, Events (die MDC nicht abonnieren kann) und den Typkonflikt, an dem man in MDC am häufigsten hängenbleibt: Inline-Attribute sind immer Zeichenketten, {count=14} übergibt "14"
Hinzugefügt0.2.02026-08-20
API-Ansicht je Baustein: Props, Slots, Emits, Theme und dieser Changelog. In der Demo-Hülle als Reiter hinter dem Knopf API, auf der Detailseite ausgeschrieben
Hinzugefügt0.2.02026-08-20
Emits werden dokumentiert. Sie sind der Grund, warum sich manche Bausteine aus Markdown heraus nicht vollständig bedienen lassen: MDC kann keine Events abonnieren
Geändert0.2.02026-08-20
Die Komponentenreferenz der README wird jetzt vollständig erzeugt statt von Hand gepflegt
Geändert0.2.02026-08-20
Auch die Tabelle der optionalen Abhängigkeiten wird erzeugt. Sie war gedriftet: motion-v stand mit 50 statt 54 Komponenten darin, @uiw/color-convert unter „je 1", obwohl es drei sind
Hinzugefügt0.1.02026-08-19
Erstveröffentlichung: 187 Bausteine in 17 Kategorien, davon 40 didaktische Lms- und 147 dekorative Fx-Bausteine aus Inspira UI