javascript - chart.js 动画结束回调

标签 javascript html animation chart.js vue.js

图书馆有没有chart.js支持对特定事件的任何类型的回调?我最感兴趣的是'on animation end' 事件,但很想知道是否支持任何其他事件。
如果这不是一个选项,您知道任何解决方法吗?我正在使用 jQueryvue.js,当 chart.js 时,我只需要在页面上显示一些额外的文本(完全在图表本身之外) 完成图表的动画。

最佳答案

For Chart.Js 2.6.0

options: {
    cutoutPercentage: 90,
    animation: {
        duration: 2000,
        onProgress: function(animation) {
            $progress.attr({
                value: animation.animationObject.currentStep / animation.animationObject.numSteps,
            });
        },
        onComplete: function(animation) {
            alert('onAnimationComplete')
        }
    }
},

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

关于javascript - chart.js 动画结束回调,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31084587/

相关文章:

javascript - 服务器端的 onclick 事件 html 按钮

java - 在模拟中移动多辆车的有效方法

ios - 如何检查 SKSpriteNode 在单击时正在运行哪个 SKTexture

javascript - 跟踪 <iframe> 内的用户点击(Wiki 游戏)

javascript - 对于值不变的单元格调用什么函数?

html - Bootstrap 背景问题

css - 将动画放入 HTML 中

javascript - 动画暂停不起作用

javascript - TinyMCE:添加快捷方式

html - 强制 CSS 证明创建间隙是合理的