如何在chart.js中动态更改yAxes

Question

我有一个使用Chart.js在画布上创建的图表我想根据某些文本动态更改yAxes，这行不起作用，我会错过什么吗？

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

Answer 1

您只需更新图表对象的labelString属性中的options值并调用.update()原型方法即可更改比例标题。

假设我有一个名为myBar的图表实例（该实例是从Chart.js构造函数返回的实例），那么我可以使用下面的示例来更改y轴标题。

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

这是一个codepen，演示了一个这方面的工作示例。只需点击＆＃34;更改标题＆＃34;按钮，看看是否有效。