Wie ändere ich dynamisch yAxes in chart.js

Question

Ich habe ein Diagramm, das ich in Canvas mit Chart.js erstellt habe Ich möchte yAxes dynamisch nach einem Text ändern, diese Zeile funktioniert nicht, vermisse ich etwas?

myChart.options.scales.yAxes.scaleLabel.labelString = "Test"; 

Answer 1

Sie können den Maßstab Titel durch die Aktualisierung der labelString Wert in Ihrem Diagramm des Objekts options Eigenschaft einfach ändern und den Aufruf der .update() Prototyp-Methode.

Angenommen, ich habe eine Diagramminstanz mit dem Namen myBar (die Instanz stammt vom Konstruktor Chart.js), dann kann ich das folgende Beispiel verwenden, um den Titel der y-Achse zu ändern.

myBar.options.scales.yAxes[0].scaleLabel.labelString = "My New Title"; 
myBar.update(); 

Hier ist ein codepen, die ein funktionierendes Beispiel dafür zeigt. Klicken Sie einfach auf die Schaltfläche "Titel ändern", um zu sehen, ob es funktioniert.