创建回调onAnimationStop Vue-Chartjs

Question

我试图做的是在onAnimationComplete选项上创建一个回调，以设置条形图中的百分比。那看上去怎么样：

options: {
responsive: false,
maintainAspectRatio: false,
legend: { display: false },
scaleShowVerticalLines: false,
scales: {
    yAxes: [{
        display: false,
            ticks: {
            display: false
            }
    }],
    xAxes: [{
        barPercentage: .5
    }]
},
onAnimationComplete: function(){
    console.log('test');
},

}

但是这个属性没有被捡到，是有一种简单的方法来创建这个回调，还是简单地显示酒吧内部的百分比，比如：

我希望有人能帮我解决这个问题。

环境

vue.js版本："vue"："^2.1.10"，vue-chart.js版本："vue-chartjs"："^3.0.0"，npm版本: 3.1010

Answer 1

这是因为您使用的是不正确的动画回调函数/方法。不推荐使用onAnimationComplete方法。

您应该使用以下方法：

options: {
      animation: {
         onComplete: function() {
            console.log('test');
         }
      },
      ...