echarts,如何控制折线图展示时的速度

Question

页面一进入时，echarts折线图就会有点连成线的效果，但速度过快了。有没有哪个属性可以让他变慢一点？

componentDidMount() {

// 基于准备好的dom，初始化echarts实例
var myChart = echarts.init(document.getElementById('echartsMain'));
// 绘制图表
myChart.setOption({
    backgroundColor: '#f0c901',    
    tooltip: {},
    grid:{
      x:15,
      y:5,
      x2:5,
      y2:25,
      bottom: '15%',
      borderWidth:1,
  },
 
    xAxis: {
        type:'category',
        axisTick: {//刻度线
          show: false,//去掉刻度线
      },
      axisLabel:{
        fontSize:10,
        fontWeight:600,
        interval:0,
      },
        data: ["2018-01","","","2018-06","","","","2018-12"]
    },
    yAxis: {
      type:'value',
      min:0,
      max:5,
      axisTick: {//刻度线
        show: false,//去掉刻度线
    },
    splitLine: {//网格线
      show: false,//网格线
  },
  axisLabel: {
    show: false,
      }
  },
    series: [{
        name: '拿货量',
        type: 'line',
        smooth:false,   //为true是不支持虚线的，实线就用true
        symbolSize:6,
        symbol:'circle',
        symbolSize :8, //设置折点的大小
        itemStyle: {
          normal: {
            borderColor:'#fff',
            borderWidth:3,
            color: "#000",  // 会设置点和线的颜色，所以需要下面定制 line
          },

        },
          label:{
            // show:true,
          },
          lineStyle: {
            color: '#979797',
            type:'dashed',
            width:1,
          },
        data: [0,0.8,1,2,1.5,3,1.6,1.8]
    }]
});

}### 问题描述

问题出现的环境背景及自己尝试过哪些方法

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）

你期待的结果是什么？实际看到的错误信息又是什么？

Answer 1

animationDuration

option = {
    ...
    animationDuration: 3000
};