Ich habe ein Liniendiagramm mit einer Achse Achse, die Ticks mit einer Schrittgröße von 5 hat, möchte ich die Gitternetzlinien haben einen Schritt/Intervall von 1. Ich kann nicht sehen Eine naheliegende Möglichkeit, dies zu tun, ist dies in chart.js zu erreichen?Verschiedene gridline Schritte auf Diagramm js Liniendiagramm
Vielen Dank im Voraus!
Leider gibt es mit der aktuellen Chart.js-API keine saubere Möglichkeit, die Platzierung der Gridline unabhängig von der Tick-Platzierung zu konfigurieren. Mit anderen Worten, Sie können keine Achse so konfigurieren, dass alle 5 Schritte ein Häkchen angezeigt wird, während immer noch 1 Rasterlinie angezeigt wird.
Obwohl es keine saubere Weise gibt, gibt es jedoch immer noch einen Weg, um das Verhalten Ihres nach zu bekommen.
Die folgende Konfiguration wird Ihnen die gewünschten Ergebnisse liefern, aber der einzige Nachteil ist, dass die Gitternetzlinien immer noch über die Achse für die versteckten Tickbeschriftungen hinausragen (z. B. sieht es ein wenig komisch aus).
Hier ist ein Arbeitsbeispiel über codepen.
Ich habe dies getan, um die Tick-Größe auf 5 zu setzen, aber was ich möchte, ist auch die Gitternetzlinien zeigen alle 1 Schritt und immer noch die Ticks in 5 Schritten. – Dan
@Dan Jetzt verstehe ich, was du meinst. Überprüfen Sie meine aktualisierte Antwort. – jordanwillis
Danke das funktioniert! – Dan