创建回调 onAnimationStop Vue-Chartjs答案

【问题标题】：create callback onAnimationStop Vue-Chartjs创建回调 onAnimationStop Vue-Chartjs
【发布时间】：2017-11-01 12:40:32
【问题描述】：

我尝试做的是在 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

【问题讨论】：

标签： vuejs2 vue-chartjs

【解决方案1】：

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

您应该改用以下内容：

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

【讨论】：

谢谢你的作品，你可能知道我如何像小提琴一样调用 datasets.bar，在我的情况下 this.datasets 无法识别 bar 属性
你的小提琴没有连接起来！但是，我想，您可能会丢失this 的上下文/范围。