Die konkreten Wert eines Datenpunktes können mit Hilfe eines Data-Labels sichtbar gemacht werden. Bisher wurden die Data-Label immer zentriert angezeigt. Ab sofort kann die Position festgelegt werden.
Die Eigenschaft DataLabelAnchor legt fest, an welcher Stelle die Data-Label angezeigt werden. Folgende Werte können ausgewählt werden:
- anStart
- anCenter
- anEnd
Welche Wirkung diese Werte bei den unterschiedlichen Chart-Typen haben, lässt sich am besten in der offiziellen Dokumentation nachlesen:
https://chartjs-plugin-datalabels.netlify.app/guide/positioning.html#anchoring
Das Ergebnis sieht am Ende z.B. so aus:
Die Data-Label werden am oberen Rand angezeigt.
Der entsprechende Code wird ungefähr so aussehen:
In Zeile 3 wird die Eigenschaft DataLabelAnchor auf den Wert anEnd gesetzt.
Die aktuelle Version von Better Access Charts steht wie immer auf GitHub bereit:
https://github.com/team-moeller/better-access-charts
Keine Kommentare:
Kommentar veröffentlichen