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版本：＆＃34; vue＆＃34;：＆＃34; ^ 2.1.10＆＃34;， vue-chart.js版本：＆＃34; vue-chartjs＆＃34;：＆＃34; ^ 3.0.0＆＃34;， npm版本：3.1010

Answer 1

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

您应该使用以下内容：

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

创建回调onAnimationStop Vue-Chartjs

1 个答案: