callback 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

これは、不適切なアニメーションコールバック関数/メソッドを使用しているためです。 onAnimationCompleteメソッドは推奨されていません。

あなたが代わりに以下を使用する必要があります動作します

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