如何在chart.js中動態更改yAx

Question

我有一張圖表，我使用Chart.js在畫布中創建了我想根據某些文本動態更改yAxes，此行不起作用，我錯過了什麼嗎？

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

Answer 1

您可以通過更新您的圖表對象的options屬性labelString值並調用.update()原型方法簡單地改變比例稱號。

假設我有一個名爲myBar（該實例是從Chart.js構造函數返回的實例）的圖表實例，那麼我可以使用下面的示例來更改y軸標題。

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

這是一個codepen，演示了一個工作示例。只需點擊「更改標題」按鈕，看看是否工作。