有关动画结束回调的chart.js

时间:2015-06-27 02:35:56

标签: javascript html5 animation chart.js vue.js

chart.js是否支持特定事件的任何类型的回调?我最感兴趣的是'关于动画结束' 事件,但如果他们得到支持,我们会很高兴知道任何其他事件。
如果这不是一个选项,你知道任何解决方法吗?我使用 jQuery vue.js ,我只需要在图表时在页面上显示一些其他文字(完全在图表本身之外) .js 完成图表的动画。

2 个答案:

答案 0 :(得分:4)

  

对于Chart.Js 2.6.0

da.from_array

请参阅此codepen https://codepen.io/shivabhusal/pen/XaZQaW

答案 1 :(得分:2)

动画完成后,您可以指定一个onAnimationComplete选项来运行内容。请参阅文档的this section

实施例

var ctx = document.getElementById("chart").getContext("2d");
var myLine1 = new Chart(ctx).Line(lineChartData1, {
    onAnimationComplete: function() {
        alert('animation complete')
    }
});

小提琴 - http://jsfiddle.net/4vo72rLd/