echarts 自动刷新_echarts在设置自动获取数据刷新的时候,内存不断增长,最终导致浏览器崩溃...

该博客探讨了在ECharts中设置自动刷新数据时,由于不断重新绘制图表导致的内存增长问题,最终可能使浏览器崩溃。通过一个示例代码展示了一个简单的定时刷新机制,指出这种实现方式可能会引发内存泄漏。博主@100pah提到了这个问题并寻求解决方案。
摘要由CSDN通过智能技术生成

var dom = document.getElementById('main');

dom.style.height = (document.body.offsetHeight - 40) + 'px';

var myChart = echarts.init(dom,'dark');

var app = [];

var base = +new Date(1968, 9, 3);

var oneDay = 24 * 3600 * 1000;

var date = [];

var data = [Math.random() * 300];

for (var i = 1; i < 20000; i++) {

var now = new Date(base += oneDay);

date.push([now.getFullYear(), now.getMonth() + 1, now.getDate()].join('/'));

data.push(Math.round((Math.random() - 0.5) * 20 + data[i - 1]));

}

option = {

tooltip: {

trigger: 'axis',

position: function (pt) {

return [pt[0], '10%'];

}

},

title: {

left: 'center'

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值