1

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

4

1 回答 1

2

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

您应该改用以下内容：

options: {
      animation: {
         onComplete: function() {
            console.log('test');
         }
      },
      ...
于 2017-11-01T12:49:35.000 回答