資訊專欄INFORMATION COLUMN
摘要：項(xiàng)目做數(shù)據(jù)可視化使用的是百度的圖表庫(kù)，使用進(jìn)行定時(shí)數(shù)據(jù)刷新。這時(shí)候會(huì)遇到一個(gè)問題。當(dāng)瀏覽器窗口變化的時(shí)候，會(huì)越來越快這顯然是個(gè)，需要清除定時(shí)器。所以在的時(shí)候清除定時(shí)器就不會(huì)出現(xiàn)疊加的情況。
項(xiàng)目做數(shù)據(jù)可視化使用的是百度的圖表庫(kù) echarts，使用setInterval進(jìn)行定時(shí)數(shù)據(jù)刷新。這時(shí)候會(huì)遇到一個(gè)問題。
當(dāng)瀏覽器窗口變化的時(shí)候，setInterval會(huì)越來越快這顯然是個(gè)bug，需要清除定時(shí)器。
echarts一般都會(huì)做onresize。所以在onresize的時(shí)候清除定時(shí)器就不會(huì)出現(xiàn)setInterval 疊加的情況。
var _timerPie1;
_timerPie1 = window.setInterval(function () { //數(shù)據(jù)動(dòng)態(tài)展現(xiàn)
//
},1000);
window.onresize = function (){
clearInterval(_timerPie1);
}
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/109573.html
摘要：項(xiàng)目有一個(gè)需求，定時(shí)顯示隱藏圖標(biāo)，剛開始是圖表顯示正常。原因可能是讀取不到隱藏的高寬。在可視區(qū)域變化時(shí)重新調(diào)整，這時(shí)候如果處于隱藏狀態(tài)，那么在時(shí)就讀取不到節(jié)點(diǎn)的寬高，圖表就無法顯示。 項(xiàng)目有一個(gè)需求，定時(shí)顯示隱藏echarts圖標(biāo)，剛開始dom是display:block;圖表顯示正常。等到dom隱藏再顯示的時(shí)候圖表還是正常，很好沒有bug?？墒钱?dāng)我在dom處于display:none...
摘要：靜態(tài)組件開發(fā)因?yàn)楸痪幊趟枷脒@篇文章毒害太深，所以筆者開發(fā)組件也習(xí)慣從基礎(chǔ)到高級(jí)逐步迭代。靜態(tài)組件要實(shí)現(xiàn)的目的很簡(jiǎn)單，就是把圖表，渲染到頁(yè)面上。實(shí)現(xiàn)動(dòng)態(tài)刷新下一步我想大家都知道了，就是定時(shí)從后臺(tái)拉取數(shù)據(jù)，然后更新父組件的就好。 從幾年前流行的jQuery插件，到現(xiàn)在React和Vue的組件，在業(yè)務(wù)需求的開發(fā)中抽象通用出通用的模塊，一直都是一個(gè)對(duì)個(gè)人技術(shù)提高非常有幫助的事情。本文從一個(gè)真實(shí)...
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語(yǔ)。葉上初陽(yáng)乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長(zhǎng)安旅。五月漁郎相憶否。小楫輕舟，夢(mèng)入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
閱讀 2847·2023-04-25 20:02
閱讀 1447·2021-11-11 16:55
閱讀 633·2021-09-26 09:46
閱讀 6226·2021-09-22 15:55
閱讀 1830·2021-08-09 13:41
閱讀 1585·2019-08-30 15:52
閱讀 2386·2019-08-30 14:13
閱讀 3307·2019-08-26 13:48
