满口金牙 2021-12-27 14:31 采纳率: 91.5%
浏览 538
已结题

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

img

  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()
      // }
    })

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

  • 写回答

3条回答 默认 最新

  • sinat_41609653 2022-01-15 14:14
    关注

    请问解决了吗

    本回答被题主选为最佳回答 , 对您是否有帮助呢?
    评论
查看更多回答(2条)

报告相同问题?

问题事件

  • 系统已结题 5月19日
  • 已采纳回答 5月11日
  • 创建了问题 12月27日

悬赏问题

  • ¥15 matlab数字图像处理频率域滤波
  • ¥15 ELGamal和paillier计算效率谁快?
  • ¥15 file converter 转换格式失败 报错 Error marking filters as finished,如何解决?
  • ¥15 ubuntu系统下挂载磁盘上执行./提示权限不够
  • ¥15 Arcgis相交分析无法绘制一个或多个图形
  • ¥15 关于#r语言#的问题:差异分析前数据准备,报错Error in data[, sampleName1] : subscript out of bounds请问怎么解决呀以下是全部代码:
  • ¥15 seatunnel-web使用SQL组件时候后台报错,无法找到表格
  • ¥15 fpga自动售货机数码管(相关搜索:数字时钟)
  • ¥15 用前端向数据库插入数据,通过debug发现数据能走到后端,但是放行之后就会提示错误
  • ¥30 3天&7天&&15天&销量如何统计同一行