TNBLOG
首页
博客
视频
资源
问答
猿趣
手机
关于
搜索
收藏
便签
笔记
消息
创作
登录
忆点点
情不知从何起,一往而情深
博主信息
排名
6
文章
6
粉丝
16
评论
8
文章类别
.net
35篇
.net core
15篇
cdn
1篇
云服务
1篇
前端
72篇
后端
6篇
随笔
19篇
架构
1篇
linux
6篇
git
3篇
virtualbox
1篇
app
1篇
英语
4篇
redis
4篇
docker
4篇
更多
mysql
6篇
sqlsugar
4篇
uni_app
4篇
数据库
1篇
最新文章
最新评价
{{item.articleTitle}}
{{item.blogName}}
:
{{item.content}}
关于我们
ICP备案 :
渝ICP备18016597号-1
网站信息:
2018-2024
TNBLOG.NET
技术交流:
群号656732739
联系我们:
contact@tnblog.net
欢迎加群
欢迎加群交流技术
转
echarts setoption 不重新渲染
2128
人阅读
2023/5/26 16:48
总访问:
783212
评论:
0
收藏:
0
手机
分类:
前端
### Echarts渲染的逻辑 如果 echarts 未实例化则进?实例化过程,?旦实例化,便会在div容器?成?个 echarts_instance属性,该属性值即为当前 echarts 的ID,然后根据该ID进?渲染。 ### 重新加载数据但不重新渲染的原因 第?次渲染图表后,便有了ID,但是我们?第?次加载数据时,图表的 echarts_instance 属性值我们没有显式引?,所以此时,待渲染的图表在原有的div容器中,匹配不到想要渲染的图表,则出现数据加载成功,但是不渲染的情况。 ### 解决方案 由于容器上已经有 echarts_instance ,还是上次的,所以Echarts是不会重新初始化的,需要手动将DOM上的 echarts_instance 属性移除, 再次进行初始化, 然后 setOption 即在离开该页面的时候清空一下 echarts_instance 属性。 **解决方案:** 在setoption之前写入一行代码 ``` // 在setoption之前写入一行代码 document.getElementById('xxx').removeAttribute('_echarts_instance_'); ``` 原文:https://blog.csdn.net/weixin_42365757/article/details/127535292
欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739
👈{{preArticle.title}}
👉{{nextArticle.title}}
评价
{{titleitem}}
{{titleitem}}
{{item.content}}
{{titleitem}}
{{titleitem}}
{{item.content}}