[ECharts] Instance ec_xxx has been disposed
项目中,在正常切换标签页等常规操作时,是没有问题的,但是做了一个刷新页面并切换数据的效果之后,发现Echarts的柱形图就开始报错:[ECharts] Instance ec_1713489937436 has been disposed 了。检查代码感觉都是正确的,每次离开页面之前,都会执行myChart.dispose()操作,然后进入页面时myChart = echarts.init(),一切看起来貌似没什么问题。
通过打印 myChart 终于发现,每一次报错的 Echarts的id值都是相同的,而且随着页面刷新,报错的 Echarts的id值也会逐渐增多。但其实我们每次切换标签页之后,ECharts实例化来的myChart的id都是不相同的。这也就给了我们一个思路,在 初始化 init之前,再检测一次myChart是否已存在,如果存在的话,执行一次dispose()操作之后,再重新实例化,代码如下:
if (myChart) myChart.dispose()
myChart = echarts.init(node)
另外,还在在离开页面时,将myChart设置为null
if (myChart) myChart.dispose()
myChart = null
至此,问题一般都能顺利解决,控制台也清爽很多。
- 上一篇:百度小程序开发常见问题,避“坑”指南
- 下一篇:没有了
- CSS颜色函数--rgb()、rgba()的语法和使用
rgb()函数和rgba()函数是前端切图工作当中经常用到的颜色函数,根据光学三原色红(red)、绿(green)、蓝(blue)三种颜色的不同分量进行混合后来
- CSS最大值计算函数--max()函数的定义和使用
max()函数的作用是从一系列用逗号分割的参数中选取最大的一个,作为属性值,参数可以是直接数值,字面量、数学表达式、css函数等,支持嵌套。与min()函数的作
- 后台发布文章时自动保存草稿功能的实现
“正在系统后台编辑文章,顺手看了下群里的视频,关视频的时候不小心连网页一起关闭了,写了大半的文章说没就没了?”,相信很多人都遇到过这种场景,辛辛苦苦码了半天的字
- CSS获取属性值函数--attr()函数的定义和使用
attr()函数为CSS返回元素属性值函数一、attr()函数的语法:该函数接收一个单一参数:attribute-name,即属性名,attr()函数返回被选择
- 富文本编辑器CKEditor5接入指南
在后端制作CMS等需要用到富文本编辑器的时候,经常会陷入选择困难症,众所周知,目前市面上的富文本编辑器大概有数十种,比如百度的ueditor、TinyMCE、w
- WebStorm中如何配置SCSS
WebStorm是一款很优秀的用于前端开发的IDE,用于开发基于HTML、CSS、JS等的应用时非常应手,当然JetBrains旗下的其他IDE,如PHPSto
- CSS颜色函数--rgb()、rgba()的语法和使用
rgb()函数和rgba()函数是前端切图工作当中经常用到的颜色函数,根据光学三原色红(red)、绿(green)、蓝(blue)三种颜色的不同分量进行混合后来
- CSS限定属性值函数--clamp()函数的语法和使用
clamp()的作用是将属性值限制在最大、最小值之间,当值介于最大最小值范围中时,则使用给定的首选值。一、clamp()函数的语法clamp(MIN, VAL,