settimeout 循环刷新echarts图表,内存溢出

echarts插件问题,settimeout 循环刷新echarts图表,内存不断增长,时间久了导致浏览器崩溃

2个回答

图形的更新,一般更新的只有一小部分数据 ,那么除了第一次加载所有数据,后面就只需要加载更新部分的数据,
创建一个队列 ,将新的数据加入一个到数据队列,旧数据移除一个
可以直接 使用 数组的 push() 和shift() 来达到。这样每次刷新只需要更新极少一部分数据。

内存增长不一定和echarts有关系,是不是写了个死循环呢。
怎么刷新的echarts呢,setOptions吗?

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
ajax内存溢出用的settimeout
var boarddiva;rn var boarddivb;rn var boarddivc;rn var boarddivd;rn var boarddive;rn rn var dto ;rn var dataLine;rn var Predict;rn var ls;rn var Predict ;rnfunction myrefresh()rn $(".company").remove();rn $.ajax( rn url:'$pageContext.request.contextPath/One/dayLoadPredictAja.action',// 跳转到 action rn type:'post', rn cache:false, rn dataType:'json', rn success:function(data) rn dto = data.dto;rn dataLine = data.dataLine;rn Predict =data.Predict;rn ls = data.ls;rn Predict = data.Predict;rn loadchart(dataLine,Predict);rn $("#a").html(ls[0][0]['DEVICE_NAME']);rn $("#aa").html(dataLine[0]);rn $("#b").html(ls[0][1]['DEVICE_NAME']);rn $("#bb").html(dataLine[1]);rn $("#c").html(ls[0][2]['DEVICE_NAME']);rn $("#cc").html(dataLine[2]);rn $("#d").html(ls[0][3]['DEVICE_NAME']);rn $("#dd").html(dataLine[3]);rn $("#e").html(ls[0][4]['DEVICE_NAME']);rn $("#ee").html(dataLine[4]);rn if(dataLine[0] < dto[0])rn rn boarddiva=" ";rn elsern boarddiva=" ";rn rn $("#aaa").append(boarddiva);rn if(dataLine[1] < dto[1])rn rn boarddivb=" ";rn elsern boarddivb=" ";rn rn $("#bbb").append(boarddivb);rn if(dataLine[2] < dto[2])rn rn boarddivc=" ";rn elsern boarddivc=" ";rn rn $("#ccc").append(boarddivc);rn if(dataLine[3] < dto[3])rn rn boarddivd=" ";rn elsern boarddivd=" ";rn rn $("#ddd").append(boarddivd);rn if(dataLine[4] < dto[4])rn rn boarddive=" ";rn elsern boarddive=" ";rn rn $("#eee").append(boarddive);rn dataLine = null;rn Predict = null;rn boarddiva = null;rn boarddivb = null;rn boarddivc = null;rn boarddivd = null;rn boarddive = null;rn dto = null;rn ls = null;rn Predict = null ;rn rn var settimeout_id;rn if(settimeout_id!=null || settimeout_id!="")rn rn rn clearTimeout(settimeout_id); //清除settimeout函數產生的內存消耗.rn // 每隔 5 秒释放一次内存rn settimeout_id=null;rn rn CollectGarbage();rn rn rn rn settimeout_id=window.setTimeout(myrefresh,330000); //指定5分刷新一次 ; rn rn ,rn rn error : function() rn rn alert("网络异常联系管理员!")rn , rn complete: function (XHR, TS) XHR = null rn rn ); rn rnrn内存溢出
关于setTimeout内存溢出的问题.
我的代码是大概是这样:rnvar settimeout_id=null; //定時器刪除.rnvar urls="system/ajax_book.php";rnfunction a()rnrn $.ajax(rn type:"get",rn url:urls,//全局变量,请求的页面返回数据是:2-3KBrn ifModified:true, //false也試過不行rn cache: true, //false也試過.rn dataType:"json",rn error:function()alert("Please refresh the page or restart the browser"),rn success:function(table_date)b(table_date);rn );rnrnrnfunction b(str)rnrn $("#page_scroll").empty(); //清空原來获取的数据.page_scroll是一个 rn if(str!=null && str.length>0)rn rn var table_str="";rn rn //獲取了數據rn table_str+=" 数据";rn $("#page_scroll").html(table_str); //添加到ul中rn [color=#FF0000]rn //这段代码就产生了IE内存溢出,如果我去除这段代码则没有.rn if(settimeout_id!=null || settimeout_id!="")rn rn table_str=null;rn window.clearTimeout(settimeout_id); //清除settimeout函數產生的內存消耗.rn settimeout_id=null;rn // 每隔 5 秒释放一次内存rn if(isIE) CollectGarbage();rn rn //就是不加上面的代码溢出的更厉害.rn settimeout_id=window.setTimeout("a()",5000); //設置自動刷新.rn [/color]rn rnrn最后rn$(document).ready(function()rn a();rn)rnrn//我应该怎么样修改这个局部定时刷新,才不会内存溢出呢?rn另外我用的内存溢出测试工具是:rnhttp://download.csdn.net/source/1814153
【echarts】echarts图表自适应屏幕
                                                echarts图表自适应屏幕   echarts如何自适应屏幕?只要加上两句话就可以啦!    // 基于准备好的dom,初始化echarts图表 var ch_credit_in_major =echarts.init(document.getElementById('ch_lack_cr...
echarts 图表
NULL 博文链接:https://zw7534313.iteye.com/blog/2422593
新手求助,setTimeout()内存溢出问题。。
刚刚开始学习JS,看到使用Date对象创建简单时钟rn[code=JScript]rn rn[/code]rnsetTimeout("showTime()",1000);一切正常rn换成setTimeout(showTime(),1000);就内存溢出了——out memory at line:19rn为什么呢?
setTimeout与循环闭包
文章目录情景事件机制1. 单线程2. 任务类型3. 任务执行流程闭包1. 闭包的定义2. 实列中的闭包解决方案1. 使用es6的let2. 使用立即执行函数3. 使用setTimeout的第三个参数总结 情景 今天在复习JS的闭包相关的知识时,看到有一篇文章中讲到了setTimeout/setInterval的闭包,不禁勾起我之前对这个问题的一系列想法,下面针对这个问题进行详细的讲解。以set...
javascript的 settimeout无法刷新
rnrn 无标题页rnrn rnrn rn rn 请写下你的名字:rn rn rn rnrnrn没有报错,就是无法刷新
setTimeout 一直循环问题
[code=csharp] function f() rn if (document.all) rn IsTrue = true;rn document.getElementById("btnSele").click();rn rn // 其它浏览器rn else rn IsTrue = true;rn var e = document.createEvent("MouseEvents");rn e.initEvent("click", true, true);rn document.getElementById("btnSele").dispatchEvent(e);rn rn rn var t1 = window.setTimeout("f()", 1000);[/code]rnrn为什么一直在循环执行
用settimeout刷新的问题
由于我的asp是速成的,按照各位老大的建议写了一下,好像还有点问题,代码如下: rn rn rn rn rn rn rn type=checkbox name=checkbox value= <%=rs( "Oid ")% > onclick= "return input_onclick() " > rn rn要在单击复选框后就停止刷新,搞定了一定给分,如果给我一下源码就更谢谢了。
setTimeout 中潜逃循环???
如果要实现倒记时的效果,象这样 rnrnrn一个setTimeout,一个循环,这段代码应该怎么改?rn
setTimeout的循环难题
JavaScript高手看过来,关于setTimeout的循环难题!如下,希望每个字母隔一秒钟打出来一个。rnrn[code=HTML]rnrn rn rn rn rn rn rn rnrn[/code]rnrn用了num*1000,这样每个字延迟的时间都不一样长了。为十么运行后还是只出来最后一个“o”字?
setTimeout循环问题
一、需求描述       如“1234”,按位数读1、2、3、4,且每位之间间隔1s 二、代码逻辑 function speakNumber2(no,len,i){ // no='1234',len=4,i=0                if(i &amp;amp;ge; len){                    clearTimeout(s) ;                }e...
Echarts:折现图表案例
第一步:引入相应的js文件  &amp;lt;script type=&quot;text/javascript&quot; src=&quot;js/jqcloud-1.0.4.js&quot;&amp;gt;&amp;lt;/script&amp;gt;   &amp;lt;script language=&quot;javascript&quot; src=&quot;js/jquery-1.8.2.min.js&quot;&amp;gt;&amp;lt;/script&amp;gt;   &am
highcharts和echarts图表的异同
highcharts和echarts图表的异同
echarts图表制作
一般的图表(除地图)可看文档,按照文档制作即可:http://echarts.baidu.com/tutorial.html#5%20%E5%88%86%E9%92%9F%E4%B8%8A%E6%89%8B%20ECharts 地图: 地图的制作需要先引入相应地图的js文件,或json文件,地图下载地址:http://echarts.baidu.com/download-map.htm
echarts图表的使用
一、介绍 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视化图表。 ECharts 提供了常规的折线图,柱状图,散点图,饼图,K线图,用于统计的盒形图,
echarts生成图表
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts</title> <!-- 引入 echarts.js --> <script src="echarts.min.js"></script> </head> <body> <!-- 为ECharts准备一个具备大小(宽高)的Do
离线世界地图Echarts图表
Echars的离线世界地图图表。从里边摘取的片段。实现点击国家弹出国家名称。可以自己修改。如果有其他需要大家可以在研究下ECharts的其他功能。
Echarts 图表tooltip的自动播放
// 写一个函数,参数为chart图表的ref参数, 自动播放的间隔时间time // 注意chart的option配置项series 要写成数据的形式,如果为对象 修改函数里面series的判断 autoPlayToopTip (chartRef, time = 1500) { let dataIndex = -1 let dataLen = 0 ...
第一个ECharts图表
ECharts是由百度团队开发的,可高度个性化定制的数据可视化图表库。它的底层依赖轻量级的Canvas类库ZRender,是一个纯JavaScript的图标库,兼容(IE8/9/10/11,Chrome,Firefox,Safari等)主流浏览器,可以运行在PC和移动设备上。 1.ECharts官网 http://echarts.baidu.com/index.html 通过”实例“...
Echarts 图表高度调整
如下图,两个图表的高度不一致,怎么调整嗯?? 问题:   解决:         //直角坐标系内绘图网格                                          grid : {                         left : '3%',   //组件离容器左侧的距离                         right : '4...
Echarts创建动态图表
   偶然的机会,发现echarts可以制作比较精美的图表,进而小小学习了一下,也算知道了一些基本的常识,现与大家进行分享。         ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库 ZRender,提供直观,生...
echarts图表大小自适应
1.还是我上一篇echarts简单使用的例子: 如果是随windows的width和height自适应的话,如下: var echartsWarp= document.getElementById('echartsWarp'); var resizeWorldMapContainer = function () {//用于使chart自适应高度和宽度,通过窗体高宽计算容器高宽 e
Echarts实现3d图表
经过在Echarts实例demo中测试发现,3d柱状图、3d散点图与3d线图的数据格式都是一样的,只要修改数据类型就能实现不同的3d图表展示。 **所需文件:**echarts.js和echarts-gl.js echarts.js一定要使用4.1以上版本,不然会报错。 echarts-gl.js控制3d的效果显示。 实现3d散点图的代码: &amp;amp;lt;script type=&amp;quot;text/...
echarts 实现关系图表
  1.效果如上,官方示例简化 2.force1.html &amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;utf-8&quot;&amp;gt; &amp;lt;meta http-equiv=&quot;X-UA-Compatible&quot; content=&quot;IE=edge
echarts 图表 折线图
echarts 图表 折线图
echarts柱状图表生成
java WEB程序图表生成柱状图表、折线图表,echarts 动态获取Mysql数据库数据,使用json方式获取数据,本程序在java Servlet jsp 前端文件运用echarts生成图表的案例。对于初学者有很大的帮助!
echarts 图表添加点击事件
var mychartsale= echarts.init(document.getElementById('main')); option = { title: { text: '' }, tooltip: { trigger: 'axis',...
echarts 百度图表
第一种、一般series中的数据直接返回数组赋值 一维数组形式。var myChart = echarts.init(document.getElementById('main'));$.get('data.json').done(function (data) { myChart.setOption({ title: { text: '异步数据加
Echarts 多个图表
一个Option 四个均匀分布图表var dataAll = [ [ [10.0, 8.04], [8.0, 6.95], [13.0, 7.58], [9.0, 8.81], [11.0, 8.33], [14.0, 9.96], [6.0, 7.24], [4...
echarts图表显示问题
在iframe中加载实现了echarts的图表的页面,有的时候会出现无法显示的问题,需要重载一下iframe引入的页面:尤其是在火狐浏览器上面,火狐似乎对iframe支持不大友好,不能执行加载目标页面的onload方法
基于Echarts的图表绘制
我们在做管理平台的时候,难免会做各式各样的可视化图表,当前市场上已经有很多开发好的js框架,我们今天来学习echart.js绘图。 首先将下载好的echart.js放入目录 然后在我们的前端页面style模块导入echart.js 接下来就是开始绘图了,绘图的主要代码 {% extends &amp;amp;quot;blank.html&amp;amp;quot; %} //这里是我们继承的基础模板,这个是我们项目开发时需要做一个base页...
echarts图表不正常的问题
1.不正常第一种情况 2.不正常第二种情况 3.不正常第三种情况 为什么会出现这几种情况呢?看代码:盛放echarts的div宽或高或宽高肯定是用百分比设置的,因此会出现问题 &amp;lt;div id=&quot;echs&quot; style=&quot;width:94%;height:89%;&quot;&amp;gt; 结论:该div要使用像素设置宽和高,下面代码形式是正确的 &amp;lt;div id=&quot;echs...
绘制echarts图表
开发工具与关键技术:VS + C# 撰写时间:2019.6.15 ECharts,一个纯 Javascript 的图表库,可以流畅的运行在 PC 和移动设备上,兼容当前绝大部分浏览器(IE8/9/10/11,Chrome,Firefox,Safari等),底层依赖轻量级的 Canvas 类库ZRender,提供直观,生动,可交互,可高度个性化定制的数据可视...
echarts图表实例
这段时间以前的UI回来了,我比较喜欢她的设计,哈哈~这次她设计了几个图表,感觉还是很好看的,所以我写好代码就想分享上来~这里主要分享四个,先放上效果图,感兴趣的可以继续往下看哦,后面会分别放上效果图以及代码哦~以下为每个效果对应的代码:1.横向多种颜色的柱状图&amp;lt;!DOCTYPE html&amp;gt; &amp;lt;html lang=&quot;en&quot;&amp;gt; &amp;lt;head&amp;gt; ...
echarts图表问题
各位大神我想知道这种图表能用echarts或者别的什么插件做出来吗 还有这种图表叫什么名字rn[img=https://img-bbs.csdn.net/upload/201809/06/1536233094_198205.png][/img]
ECharts 图表使用
动态获取数据,在图表中显示 效果图: 后端; 通过json 传递list数组给前端 public String tellNum(){ ArrayList&amp;lt;MonthCount&amp;gt; list = CountManage.getTellOrder(); JSONArray jsonarray = JSONArray.fromObject(list)...
echarts图表工具的使用
吸取前几天上场比赛无论如何也记不起echarts使用方法的教训。1.echartsdemo12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061&lt;!DOCT...
ECharts图表的引用
ECharts图表的引用 开发工具与关键技术:Visual Studio 2015,ECharts,JS 作者:易金亮 撰写时间:2019.04.02 下面我们来介绍一下如何引用ECharts图表,引用ECharts图表大致分为以下几个步骤: 准备存放ECharts图表的“盒子” 引用“echarts.min.js”插件 初始化echarts实例 指定图表的配置项和数据 使用指定的配置项和数据...
动态创建多个echarts图表
效果: &lt;template&gt; &lt;div class="wrapper"&gt; &lt;Row v-for="(items, index) in secondeData" :key="index"&gt; &lt;Col span="12" v-for="m in items" :key="m"&gt; &lt;div ...
相关热词 c++和c#哪个就业率高 c# 批量动态创建控件 c# 模块和程序集的区别 c# gmap 截图 c# 验证码图片生成类 c# 再次尝试 连接失败 c#开发编写规范 c# 压缩图片好麻烦 c#计算数组中的平均值 c#获取路由参数