Echarts, how to control the speed of line chart display

As soon as the

clipboard.png
page enters, the echarts line chart is somewhat wired, but it"s too fast. Is there any attribute that can slow him down a little bit?

componentDidMount () {

// domecharts
var myChart = echarts.init(document.getElementById("echartsMain"));
// 
myChart.setOption({
    backgroundColor: "-sharpf0c901",    
    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,   //truetrue
        symbolSize:6,
        symbol:"circle",
        symbolSize :8, //
        itemStyle: {
          normal: {
            borderColor:"-sharpfff",
            borderWidth:3,
            color: "-sharp000",  //  line
          },

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

}-sharp-sharp-sharp problem description

the environmental background of the problems and what methods you have tried

related codes

/ / Please paste the code text below (do not replace the code with pictures)

what result do you expect? What is the error message actually seen?

May.10,2022

animationDuration

option = {
    ...
    animationDuration: 3000
};
Menu