Chart.JS überfüllte Beschriftungen ⇐ JavaScript

[Anonymous]

Ich verwende die ChartJS-Bibliothek mit einer Vue Chart-Wrapper-Bibliothek.
Playground/Demo
Mein aktuelles Problem ist, dass Sie beim Öffnen des Playgrounds die Datumsbeschriftungen auf der X-Achse sozusagen „überlaufen“ zu den Seiten sehen können. Dies geschieht, weil es zu viele davon gibt. Das Ziel besteht darin, dass die Beschriftungen nicht über die im Bild angezeigten roten Linien hinaus gerendert werden:
Beschriftungen laufen über
Ich kann keine optimale Lösung finden, um dies zu verhindern. Idealerweise Ich möchte eine Möglichkeit finden, Beschriftungen automatisch auszublenden/in der Größe zu ändern/zu drehen/neu zu positionieren, wenn sie nicht passen.
Ich habe alle Konfigurationsoptionen von ChartJS überprüft und alles, was ich finden konnte, hatte einige Nachteile.

Nach weiteren Tests habe ich herausgefunden, dass es sich bei unterschiedlicher Anzahl angezeigter Ticks sehr inkonsistent verhält, Demo Hier. Bei unterschiedlicher Anzahl angezeigter Ticks kommt es sogar auf der rechten Seite des Diagramms zu einem Überlauf.