Echarts树状图出现线条错乱解决办法

0x01 前言

在echarts树状图中、点击节点出现切换线条错乱、或者出现多个不相干的线条。
如下图所示
echarts切换出现线条错误.png

当出现这种线条错误时、尝试过在setoption(option,true)的方式去重载、但是没有用!
重新刷新有时候又不会出现、有时候又会出现、很影响用户体验!

0x02 解决办法

使用clear()函数
官网文档地址:clear函数官网解答

找到代码处的“myChart.setOption(option)”

      myChart.clear() //注意这里加上clear() 
      var option = {
        tooltip: {
          xxxx......
        },
        series: [
          {
          xxxxxx.......
        ]
      }
      myChart.setOption(option) //这里是重新渲染

如上这样访问页面就不会再出现线条错乱问题、如果树状图是二次点击的异步加载数据(下一章节会发布如何让echarts树状图使用异步加载点击事件)同理一样的 只需要在setOption上加一个clear就行了!
如果有问题的可以加TG群一起交流讨论:纸飞机TG群

原创文章,作者:zfj-zfj,如若转载,请注明出处:https://www.zfjsec.com/687.html
-- 展开阅读全文 --
vs2015-vs2017-vs2019出现“无法打开包括文件:“graphics.h”解决办法
« 上一篇 05-16
基于.Net Core3.1 与signalR实现一个即时通讯工具(一)
下一篇 » 05-21

发表评论