用echarts 的setOption更新现有数据后，为什么没有动画效果了？

Question

echarts官网文档的介绍是：
所有参数和数据的修改都可以通过 setOption 完成，ECharts 会合并新的参数和数据，然后刷新图表。如果开启动画的话，ECharts 找到两组数据之间的差异然后通过合适的动画去表现数据的变化

初始画了一根折线：(下面只是部分代码)
let options = {

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'
   }
]

}

但是我用setOption更新现有数据后，并没有合适的动画，而是非常快速的完成新的折线绘制：
option.series[0].data.push(190);
chart.setOption(option);

请问能否去更改 合并option之后的这个动画效果？

Answer 1

this.chart.clear(); // 每次重绘之前，先清除一下
this.chart.setOption({})

Answer 2

还有一种可能，如果你用了echart-for-react 这个包，可能是版本太旧了，把版本升级一下。

Answer 3

如果指向让新增的那部分有动画该如何设置呢