Echart中更新后数据遗留问题

最近在做Echart项目中,地图中绘制了连线,但是想要筛选出满足条件的连线,在使用setOption后还是显示了之前的连线。

图二是使用了官方说的 mapChart.setOption(option,true)后,不仅有残留,而且还不能跟随地图移动,百度说了要先销毁,再生成,试了试果然有用,代码和使用销毁后图片放最后。


本来的图片
使用官方参数后,遗留错位


代码:(mapChart就是你最开始获取Id的那个变量)

                mapChart.dispose()

                mapChart = echarts.init(document.getElementById('map'));

                mapChart.setOption(option)



先销毁再重新定义
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 官网奉上ECharts vue项目中可以引入echarts或者vue echarts,大致区别如下: echart...
    球_97阅读 24,316评论 2 12
  • 什么是数据驱动? 使用过Vue React框架我们就知道,我们不再更改某个DOM的innertext和innerh...
    Mr_Treasure阅读 8,459评论 0 5
  • 这篇文章主要讲述Echarts设置字体和线条的颜色相关操作笔记,希望文章对你有所帮助,主要是自己的在线笔记吧。我在...
    蓝色梦想家阅读 13,419评论 1 1
  • 之前自学的时候也使用过echarts来制作柱状图,折线图,地图,现在想想那时候做的简直是太LOW了,就是简单的在官...
    丶温瞳阅读 5,572评论 0 2
  • 此次后台使用的语言是PHP,遇到的问题就是后台的数组传递到前台,前台页面控制台输出的是Arra{native co...
    youthz阅读 7,514评论 0 2

友情链接更多精彩内容