创建回调 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');
},

}

但是这个属性没有被拾取是否有一个简单的方法来创建这个回调或者简单地显示条内条的百分比，如下所示：FIDDLE

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

环境

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

Answer 1

这是因为，您使用的动画回调不正确function/method。 onAnimationComplete 方法已弃用。

您应该改用以下内容：

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

创建回调 onAnimationStop Vue-Chartjs

create callback onAnimationStop Vue-Chartjs

vuejs2

vue-chartjs