如何在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，演示了一个工作示例。只需点击“更改标题”按钮，看看是否工作。