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

时间:2016-07-28 18:20:43

标签: javascript chart.js

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

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

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

myLiveChart.scaleStepWidth = 10;

还尝试了myLiveChart.render();而不是更新,但似乎没有任何效果。

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

1 个答案:

答案 0 :(得分:9)

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

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

如果有人遇到同样的问题,这是一个解释我的问题的小提琴:http://jsbin.com/bamemuliyu/3/edit?html,js,output