echarts.js?1be7:2178 There is a chart instance already initialized on the dom. echats图表报错

已于 2023-01-06 15:59:29 修改
阅读量2k 收藏
点赞数
文章标签： echarts 前端 javascript
于 2022-02-18 11:32:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44383533/article/details/122999716
版权

生成echats 使用一个div切换 记得要先把原来的echats销毁否则会弹出警告

在initcharts前面加上 mychart.dispose() 销毁原来的echats

如果还是这个chart图表我们也可以i使用resize

特别提醒：不要再data里面吧this.myChart 定义为响应式 否则会出现 各种奇奇怪怪的bugg

孙可爱.
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
解决使用echarts时警告There is a chart instance already initialize on the dom.的两种方法
m0_59074147的博客
10-25 5642
解决控制台警告There is a chart instance already initialize on the dom.的两种方法
使用echarts出现“There is a chart instance already initialized on the dom.”警告的解决办法
热门推荐
qq_42853710的博客
09-28 5万+
由于项目中二次封装了echarts折线图，并且父组件通过选择不同时间，像后端请求不同数据，显示在折线图上，频繁切换会出现“There is a chart instance already initialized on the dom.”的警告，在网络上找办法后，解决了这个问题。 这个问题的出现在于，在一张表上渲染不同数据，其实dom已经存在了，但是我们在每次数据发生改变的时间都重新进行了一次渲染，导致出现警告 解决办法如下： //检测是否已经存在echarts实例，如果不存在，则不再去初始化
解决echarts警告提示:There is a chart instance already initialized on the dom.
qq_42396791的博客
06-28 7643
There is a chart instance already initialized on the dom.
解决echarts控制台警告：There is a chart instance already initialize on the dom
最新发布
細水、長流√的专栏
09-10 3971
当我们把创建一个echarts图表的代码封装成一个方法，一旦多次调用这个方法创建图表的时候使用的dom节点都是同一个，每次都会init一个echarts实例，就会在控制台报如下警告:There is a chart instance already initialize on the dom（在dom上已经初始化了一个图表实例）。
echarts出现“There is a chart instance already initialized on the dom.”警告的解决办法
qq_41920758的博客
04-27 3379
由于项目中二次封装了echarts折线图，并且父组件通过选择不同时间，像后端请求不同数据，显示在折线图上，频繁切换会出现“There is a chart instance already initialized on the dom.”的警告，在网络上找办法后，解决了这个问题。这个问题的出现在于，在一张表上渲染不同数据，其实dom已经存在了，但是我们在每次数据发生改变的时间都重新进行了一次渲染，导致出现警告。// 检测是否已经存在echarts实例，如果不存在，则不再去初始化。
解决Delphi DBX和MySQL连接的噩梦:DBX Error: Driver could not be properly initialized.
04-26
（DBX Error: Driver could not be properly initialized. Client library may be missing, not installed properly, ...）,我找到了合适的libmysql.dll和dbxmys.dll组合，把下面这个libmysql.dll拷贝到XE的bin目录...
Ubuntu18.04下解决Qt出现qt.qpa.plugin:Could not load the Qt platform plugin “xcb“问题
01-20
在Ubuntu 18.04系统中，如果你在使用Qt5.15.0时遇到“qt.qpa.plugin: Could not load the Qt platform plugin “xcb””的错误，这意味着你的应用程序无法初始化Qt平台插件，这通常是由于缺少必要的库或者环境配置不...
Js视频播放器插件Video.js使用方法详解
10-15
Video.js是一个强大的JavaScript库，专为在网页上嵌入视频播放器而设计。它具备跨浏览器兼容性，能够自动检测浏览器对HTML5视频的支持情况。如果浏览器不支持HTML5，Video.js会自动切换到Flash播放器，确保在各种...
pwf.js:用于编写模块的 Javascript 容器
06-08
pwf.js 用于编写模块并基于简单的依赖系统异步加载它们的 Javascript 容器。 例子 模块 模块是能够异步等待依赖项的单例对象。 pwf . register ( 'example' , function ( ) { this . is_ready = function ( ) { ...
Node.js-microcomponent基于Smol事件的组件库
08-09
**Node.js-microcomponent：基于Smol事件的组件库** 在JavaScript的世界中，Node.js以其非阻塞I/O和事件驱动的特性，成为了构建高效、可扩展的后端服务的首选平台。而在前端领域，组件化是现代Web开发的核心概念，...
echarts中解决警告 There is a chart instance already initialized on the dom.
MISS_zhang_0110的博客
02-26 538
解决警告 There is a chart instance already initialized on the dom.主要代码完整代码 主要代码 // 基于准备好的dom，初始化echarts实例 this.myChart = echarts.init(document.getElementById(this.elId)); watch: { xAxis: { handler(newValue, oldValue) { this.myChart.setOption({
There is a chart instance already initialized on the dom.
yyf8259的博客
08-28 884
echarts多次画图，图像不显示；There is a chart instance already initialized on the dom.
There is a chart instance already initialized on the dom原因及解决办法
weixin_43249785的博客
02-06 4618
echars中只要创建一次dom来渲染，初始化代码只出现一次，js中只要执行一次实例化代码
Echarts清空图表：There is a chart instance already initialized on the dom.
yolo_link的博客
07-25 8398
能销毁肯定需要先存在，所以定义一个全局变量来存储创建后的ECharts实例，在改变数据需要重新绘制图表的时候加上条件判断图例是否存在来决定是否销毁。也就是说，指定的区域作为canvas容器，根据触发条件改动数据之后，依旧沿用之前的的图表配置，把图表重新生成。（有时间我试一下，再来更新）原因就是销毁二字，我想当然，图表我还需要用，你销毁再用的时候怎么获取呢？不过我在想，上面clear()方法没用，或许是实例没保存，触发时机不对。不过，可能是使用方法的位置不正确，导致方法没有合适的被使用也说不一定。......
解决echarts报There is a chart instance already initialized on the dom.错误
m0_37780367的博客
04-11 9809
使用echarts绘制图表时，使用setInterval定时请求数据，重绘echarts，遇到控制台报错提示： There is a chart instance already initialized on the dom 解决方法： 1、方法外部全局声明echarts dom对象 var domEle; 2、方法内判断dom对象是否存在 if(domEle != null &&...
echarts.js?a670:2278 There is a chart instance already initialized on the dom.
m0_50981596的博客
04-28 2067
echarts.js?a670:2278 There is a chart instance already initialized on the dom.
echarts提示警告There is a chart instance already initialized on the dom.
蓦然回首，那人却在，灯火阑珊处。
12-16 462
echarts提示警告There is a chart instance already initialized on the dom.
echarts中出现There is a chart instance already initialized on the dom的错误
多看书少吃饭的博客
06-09 6874
echarts中出现There is a chart instance already initialized on the dom的错误
vue项目 echarts中出现“There is a chart instance already initialized on the dom.”的警告
yuhan___的博客
12-13 1万+
在项目开发中创建echart图表时遇到“There is a chart instance already initialized on the dom.”的警告，意思即为dom上已经初始化了一个图表实例，并且如果你图表中定义了点击方法，多次覆盖之后，点击方法会触发多次。更新页面重复加载这个图表实例时就会出现这类警告。 以下写法可以避免这类警告。 1、例如你的echart图表代码写在一个单独的echarts.js文件中，建议在export defalut之外 定义varmyChart; 在方法最外..
echarts.js:2178 There is a chart instance already initialized on the dom.
08-10
- *1* [解决echarts警告提示:There is a chart instance already initialized on the dom.](https://blog.csdn.net/qq_42396791/article/details/125501908)[target="_blank" data-report-click={"spm":"1018.2226....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值