關(guān)于echarts,數(shù)據(jù)使用setInterval定時刷新的問題

MASAILA 發(fā)布于2019-08-26 13:48 / 3311人閱讀

摘要：項目做數(shù)據(jù)可視化使用的是百度的圖表庫，使用進行定時數(shù)據(jù)刷新。這時候會遇到一個問題。當瀏覽器窗口變化的時候，會越來越快這顯然是個，需要清除定時器。所以在的時候清除定時器就不會出現(xiàn)疊加的情況。

項目做數(shù)據(jù)可視化使用的是百度的圖表庫 echarts，使用setInterval進行定時數(shù)據(jù)刷新。這時候會遇到一個問題。
當瀏覽器窗口變化的時候，setInterval會越來越快這顯然是個bug，需要清除定時器。
echarts一般都會做onresize。所以在onresize的時候清除定時器就不會出現(xiàn)setInterval 疊加的情況。

var _timerPie1;
_timerPie1 = window.setInterval(function () { //數(shù)據(jù)動態(tài)展現(xiàn)
        //
    },1000);
    
window.onresize = function (){
    clearInterval(_timerPie1);
}

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/109573.html

相關(guān)文章

echarts圖表顯示隱藏 Can't get dom width or height

摘要：項目有一個需求，定時顯示隱藏圖標，剛開始是圖表顯示正常。原因可能是讀取不到隱藏的高寬。在可視區(qū)域變化時重新調(diào)整，這時候如果處于隱藏狀態(tài)，那么在時就讀取不到節(jié)點的寬高，圖表就無法顯示。項目有一個需求，定時顯示隱藏echarts圖標，剛開始dom是display:block;圖表顯示正常。等到dom隱藏再顯示的時候圖表還是正常，很好沒有bug。可是當我在dom處于display:none...

I_Am 2019-08-26 13:48 評論0 收藏0
手拉手，用Vue開發(fā)動態(tài)刷新Echarts組件

摘要：靜態(tài)組件開發(fā)因為被編程思想這篇文章毒害太深，所以筆者開發(fā)組件也習慣從基礎(chǔ)到高級逐步迭代。靜態(tài)組件要實現(xiàn)的目的很簡單，就是把圖表，渲染到頁面上。實現(xiàn)動態(tài)刷新下一步我想大家都知道了，就是定時從后臺拉取數(shù)據(jù)，然后更新父組件的就好。從幾年前流行的jQuery插件，到現(xiàn)在React和Vue的組件，在業(yè)務(wù)需求的開發(fā)中抽象通用出通用的模塊，一直都是一個對個人技術(shù)提高非常有幫助的事情。本文從一個真實...

justCoding 2019-08-22 15:36 評論0 收藏0
關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0
關(guān)于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評論0 收藏0