v-charts, echarts动画设置

在使用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
			},
		}
	],
	......
}

你可能感兴趣的:(前端图表,echarts,前端,javascript)