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)
