Vuejs2 在NimationStop Vue Chartjs上创建回调

Vuejs2 在NimationStop Vue Chartjs上创建回调,vuejs2,vue-chartjs,Vuejs2,Vue Chartjs,我试图做的是在onAnimationComplete选项上创建一个回调,以设置条形图中的百分比。那么这看起来如何: options: { responsive: false, maintainAspectRatio: false, legend: { display: false }, scaleShowVerticalLines: false, scales: { yAxes: [{ display: false, ticks: {

我试图做的是在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这是因为您使用的动画回调函数/方法不正确
onAnimationComplete
方法已被弃用

您应该使用以下选项:

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

谢谢你这么做,你知道我怎么叫datasets.bar吗?就像小提琴一样,在我的例子中,这个.datasets不识别这些条属性。你的小提琴没有连接!然而,我想,您可能正在失去此的上下文/范围。