根据echarts中的文档
附文档链接: https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-garm2jc4.html.
// 配置 animationDuration 和 animationEasing 即可
series: [
{
name: 'expected', itemStyle: {
normal: {
color: '#FF005A',
lineStyle: {
color: '#FF005A',
width: 2
}
}
},
smooth: true,
type: 'line',
data: [100, 120, 161, 134],
animationDuration: 5000,
animationEasing: 'cubicInOut'
}
]
但是有些图表还是非常快速的完成新的绘制,animationDuration不生效,这时候可在绘制前清除一次![]
this.chart.clear();
this.chart.setOption(option, true)