Vuejs2 在NimationStop Vue Chartjs上创建回调
我试图做的是在onAnimationComplete选项上创建一个回调,以设置条形图中的百分比。那么这看起来如何: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: {
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不识别这些条属性。你的小提琴没有连接!然而,我想,您可能正在失去此的上下文/范围。