使用Javascript动态更新chartjs中图表的选项

Question

我创建了一个能够在chartjs中成功更新其数据的折线图,我也试图动态更改选项值.更具体地说,我希望能够改变比例.我想避免每次需要更新时重新创建图表.有没有办法动态更新选项,例如:

myLiveChart.options.scaleStepWidth = 10;
myLiveChart.update();

注意:我也尝试了以下内容:

myLiveChart.scaleStepWidth = 10;

也试过myLiveChart.render();而不是更新,但似乎没有什么真正起作用.

这是一个说明问题的小提琴:http://jsbin.com/yaxafehixe/1/edit？html,js,output

Answer 1

我找到了一个解决方案,以防任何人谷歌搜索这个.事情就是这样:我使用的是chartjs版本1,其中up​​date()函数在所有情况下都不起作用,尤其是当您尝试更改图表的选项时.因此,切换到版本2,允许我正确使用update()更改选项,例如:

myChart.options.scales.yAxes[0].ticks.min = someValue;

如果有人遇到同样的问题,这里有一个小提示来展示我的问题的解决方案:http://jsbin.com/bamemuliyu/3/edit？html,js,output