Echarts动态折线图-实现类似心电图效果

最近在弄一个前端可视化页面，想要实现一个动态折线图，但发现echarts官网的动态折线图都只能在进入时动态生成，不能实现一直动态的效果，于是自己查阅了资料，并实现了~

效果如下：

 看起来还是很不错的，接下来是代码

<script>
  var box = document.getElementById("ECG1")
  // 在容器中初始化图表实例
  var myChart = echarts.init(box)
  var xAxisData=[];
  for(var i=0 ;i<200;i++){
      xAxisData.push(i);
  }
  // 设置图表配置和数据
  var option = {
      tooltip: {  // 鼠标悬停到图表上时的提示框
        },
      title: {
          text:"正常窦性心律",
          left:'center'
      },
    xAxis: { // 柱状图的横坐标 (每一个商品分类)
      nameLocation: "center",
      nameGap: 30,
      data: xAxisData,
      splitLine:{
        show:true
      },
      axisLabel:{
        show:false
      },
      axisTick:{
        show:false
      },
      axisLine:{
        show:false
      }
    },
    yAxis: { // 柱状图的纵坐标 (每一个分类的商品数量)
      splitLine:{
        show:true
      }
    },
    series: [  // 图表类型和数据 (每一个对象是一个图表)
        {
            name: "ECG信号",  // 图表系列名
            type: "line",   // 图表类型 line折线图
            data: mydata ,  // 图表数据,
            smooth:true,
            symbol:"none"
        }
    ]
  }
  myChart.setOption(option)
  setInterval(() => {
      myChart.clear()
      myChart.setOption(option)
  }, 2000);
</script>