关于echarts,数据使用setInterval定时刷新的问题

MASAILA 发布于2019-08-26 13:48 / 3037人阅读

摘要：项目做数据可视化使用的是百度的图表库，使用进行定时数据刷新。这时候会遇到一个问题。当浏览器窗口变化的时候，会越来越快这显然是个，需要清除定时器。所以在的时候清除定时器就不会出现叠加的情况。

项目做数据可视化使用的是百度的图表库 echarts，使用setInterval进行定时数据刷新。这时候会遇到一个问题。
当浏览器窗口变化的时候，setInterval会越来越快这显然是个bug，需要清除定时器。
echarts一般都会做onresize。所以在onresize的时候清除定时器就不会出现setInterval 叠加的情况。

var _timerPie1;
_timerPie1 = window.setInterval(function () { //数据动态展现
        //
    },1000);
    
window.onresize = function (){
    clearInterval(_timerPie1);
}

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/109573.html

echarts图表显示隐藏 Can't get dom width or height

摘要：项目有一个需求，定时显示隐藏图标，刚开始是图表显示正常。原因可能是读取不到隐藏的高宽。在可视区域变化时重新调整，这时候如果处于隐藏状态，那么在时就读取不到节点的宽高，图表就无法显示。项目有一个需求，定时显示隐藏echarts图标，刚开始dom是display:block;图表显示正常。等到dom隐藏再显示的时候图表还是正常，很好没有bug。可是当我在dom处于display:none...

I_Am 2019-08-26 13:48 评论0 收藏0
手拉手，用Vue开发动态刷新Echarts组件

摘要：静态组件开发因为被编程思想这篇文章毒害太深，所以笔者开发组件也习惯从基础到高级逐步迭代。静态组件要实现的目的很简单，就是把图表，渲染到页面上。实现动态刷新下一步我想大家都知道了，就是定时从后台拉取数据，然后更新父组件的就好。从几年前流行的jQuery插件，到现在React和Vue的组件，在业务需求的开发中抽象通用出通用的模块，一直都是一个对个人技术提高非常有帮助的事情。本文从一个真实...

justCoding 2019-08-22 15:36 评论0 收藏0
关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

sutaking 2019-08-02 15:17 评论0 收藏0
关于Vue2一些值得推荐的文章 -- 五、六月份

摘要：五六月份推荐集合查看最新的请点击集前端最近很火的框架资源定时更新，欢迎一下。苏幕遮燎沈香宋周邦彦燎沈香，消溽暑。鸟雀呼晴，侵晓窥檐语。叶上初阳乾宿雨，水面清圆，一一风荷举。家住吴门，久作长安旅。五月渔郎相忆否。小楫轻舟，梦入芙蓉浦。五、六月份推荐集合查看github最新的Vue weekly；请::点击::集web前端最近很火的vue2框架资源；定时更新，欢迎 Star 一下。苏...

khs1994 2019-08-23 18:08 评论0 收藏0