vue3 echarts tree 图，伸缩后的线条残留问题

Question

  onMounted(async ()=>{
      // 从后端拿组织机构图的 Json数据
      const params = { id:1 }
      await getMethod(data.url, params).then(res=>{
        console.log('对象类型',typeof(res[0].content))
        data.dataCharts = res[0].content // 图表的数据
        }
      )
      // 把拿到的 数据赋值给 option
      option.series[0].data[0] = data.dataCharts 
      // 初始化图表
      let myEcharts = document.getElementById('myEcharts')
      data.myChart = echarts.init(myEcharts,'lignt') //后参数为主题
      //禁用右键鼠标菜单
      myEcharts.oncontextmenu = function(){ return false }
      option && data.myChart.setOption(option)

      // 自定义图表鼠标菜单控制事件
      data.myChart.on("contextmenu", function(param){
        // 把参数转给 data
        data.elementTitle = param.data.name
        data.elementId = param.data.id
        // 调整鼠标菜单位置,到点击的元素边上
        data.xOffset = param.event.offsetX + 240 + 'px'
        data.yOffset = param.event.offsetY - 60 + 'px'
        // 显示鼠标右键菜单
        data.showMouseMenu = true
      })
      // 点空白处关闭鼠标右键菜单
      data.myChart.getZr().on('click',function(){
        data.showMouseMenu = false
      })
      // window.onresize = function () { // 自适应大小
      //   data.myChart.resize()
      // }
    })

点元素，伸缩后面的子元素， 操作正常，但是会出现 线条残留的问题，请教解决方法

Answer 1

请问解决了吗