在使用Vue的图表的时候,需要设置动画时长、动画效果(缓动)、动画延时,下面就是从官方文档总结出来的主要方法。
option = {
series:[
{
......,
animationDuration: 1000, // 动画时长 默认值 1000
// 动画缓动具体参考 https://echarts.apache.org/examples/zh/editor.html?c=line-easing
animationEasing: 'linear', //动画初始化缓动效果 默认值 linear
// 可以接收 number 和 function
animationDelay: function(idx) { // 初始动画延迟 默认值300
return ids * 10 + 100
},
animationDurationUpdate: 300 //数据更新动画时长 默认值300
animationEasingUpdate: 'cubicInOut', //数据更新动画缓动效果 默认值 cubicInOut
// 可以接收 number 和 function
animationDelayUpdate: function(idx) { // 数据更新动画延迟
return ids * 10 + 100
},
}
],
......
}