Chartist.js动画结束事件

Question

我想在图表准备好后显示一个块。我没有在文档中找到“动画的终结”事件。有什么方法可以在所有动画完成后执行一些代码吗？

Answer 1

感谢标记的帮助。我对问题的解决：

var chart = new Chartist.Line(...);

var endOfAnimation;
var seq = 0;
var delays = 48;
var durations = 300;

chart.on("draw", function(data) {
    seq++;

    /* Animations */

    /* element.animate({ 
           opacity: {
           begin: seq * delays,
           dur: durations,
           from: 0,
           to: 1
       }); */
}

chart.on("created", function() {
    clearTimeout(endOfAnimation); // prevent function call duplication 

    endOfAnimation = setTimeout( function(){

        /* some code after all animations are finished */ 

    }, (seq + 1) * delays + durations);

    seq = 0;
    });

Answer 2

我相信您可以使用“创建”事件处理程序。

var chart = new Chartist.Line(...);
// attach an event handler to the "created" event of the chart:
chart.on("created", function () {
    // call some function
    triggerSomeEvent();
});

Src：Chartist.js与事件