資訊專欄INFORMATION COLUMN
摘要：項(xiàng)目有一個(gè)需求，定時(shí)顯示隱藏圖標(biāo)，剛開(kāi)始是圖表顯示正常。原因可能是讀取不到隱藏的高寬。在可視區(qū)域變化時(shí)重新調(diào)整，這時(shí)候如果處于隱藏狀態(tài)，那么在時(shí)就讀取不到節(jié)點(diǎn)的寬高，圖表就無(wú)法顯示。
項(xiàng)目有一個(gè)需求，定時(shí)顯示隱藏echarts圖標(biāo)，剛開(kāi)始dom是display:block;圖表顯示正常。等到dom隱藏再顯示的時(shí)候圖表還是正常，很好沒(méi)有bug。
可是當(dāng)我在dom處于display:none隱藏狀態(tài)時(shí)去調(diào)整瀏覽器的可視區(qū)域，dom再顯示的時(shí)候問(wèn)題就來(lái)了,echarts顯示不出來(lái)了！$-$
報(bào)警告Can"t get dom width or height。
原因可能是echarts讀取不到隱藏dom的高寬。
一般做echarts自適應(yīng)都會(huì)用到 echarts.resize() 。 在可視區(qū)域變化時(shí)重新調(diào)整echarts，這時(shí)候如果dom處于隱藏狀態(tài)，那么echarts在resize時(shí)就讀取不到節(jié)點(diǎn)的寬高，圖表就無(wú)法顯示。
解決辦法在dom變?yōu)?b>display:block;后，再重新賦予節(jié)點(diǎn)寬高和加載圖表，
function setpageSize(){
//取節(jié)點(diǎn)寬高
//加載圖表
}
var _swiper_3d;
_swiper_3d = window.setInterval(function () {
var map_swiper = document.querySelector(".map_swiper");
var map_3d_content = document.querySelector(".map_3d_content");
if (map_swiper.style.display == "none") {
map_3d_content.style.display = "none";
map_swiper.style.display = "block";
setpageSize();//
}else if(map_swiper.style.display == "block") {
map_swiper.style.display = "none";
map_3d_content.style.display = "block";
}
},7000);
注意：如果你echarts有用到setInterval來(lái)令圖表動(dòng)態(tài)化，這時(shí)候還需要清除echarts數(shù)據(jù)的定時(shí)器再引入方法，否則setInterval會(huì)疊加，數(shù)據(jù)越來(lái)越快。。。
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.hztianpu.com/yun/109576.html
摘要：輕量級(jí)，功能強(qiáng)大的日期選擇器，兼容和不依賴于其他庫(kù)，少，使用作為界面的圖標(biāo)兼容在配置參數(shù)中，所有的類型為或的參數(shù)都可以通過(guò)屬性在標(biāo)簽中進(jìn)行設(shè)置例如月份可以滾動(dòng)，年份可以手動(dòng)輸入是否啟用日期選擇是否啟用秒選擇器設(shè)置日期顯示格 some jquery plugins are used for labelMangerSystem,some things may not be complete...
摘要：但是由于過(guò)于臃腫，公司決定使用來(lái)開(kāi)發(fā)圖表功能。而我們所開(kāi)發(fā)的圖表是需要有放大縮小功能，于是在網(wǎng)上找了很久，也沒(méi)有找到合適的答案，大部分是通過(guò)監(jiān)聽(tīng)窗口大小改變事件來(lái)設(shè)置，然而并不是我們所需要的。 最近使用echarts來(lái)開(kāi)發(fā)某系統(tǒng)的圖表功能，先申明我以前用的ext.js，ext.js對(duì)圖表有自己的一套組件，用起來(lái)也很方便。但是由于ext.js過(guò)于臃腫，公司決定使用echarts來(lái)開(kāi)發(fā)圖表...
摘要：今天我就來(lái)介紹下在中如何使用來(lái)顯示各種圖表。首先需要在我們的項(xiàng)目中安裝組件，該組件是兼容和安卓雙平臺(tái)的。組件主要有三個(gè)屬性圖表的相關(guān)配置和數(shù)據(jù)。圖表的高度，默認(rèn)值是。解決方法將中的代碼修改為同時(shí)將文件拷貝到安卓項(xiàng)目下面的文件夾中。 本文原創(chuàng)首發(fā)于公眾號(hào)：ReactNative開(kāi)發(fā)圈 Echarts是百度推出的免費(fèi)開(kāi)源的圖表組件，功能豐富，涵蓋各行業(yè)圖表。相信很多同學(xué)在網(wǎng)頁(yè)端都使用過(guò)。今...
摘要：最近阿里正式開(kāi)源的圖表庫(kù)基于技術(shù)棧，各個(gè)圖表項(xiàng)皆采用了組件的形式，貼近的使用特點(diǎn)。相關(guān)文檔組件化阿里的圖表組件手拉手，用開(kāi)發(fā)動(dòng)態(tài)刷新組件文檔地址一安裝通過(guò)引入二引用成功安裝完成之后，即可使用或進(jìn)行引用。最近阿里正式開(kāi)源的BizCharts圖表庫(kù)基于React技術(shù)棧，各個(gè)圖表項(xiàng)皆采用了組件的形式，貼近React的使用特點(diǎn)。同時(shí)BizCharts基于G2進(jìn)行封裝，Bizcharts也繼承了G2相...
閱讀 3700·2021-11-15 11:38
閱讀 2858·2021-11-11 16:55
閱讀 2646·2021-11-08 13:22
閱讀 2817·2021-11-02 14:45
閱讀 1401·2021-09-28 09:35
閱讀 2761·2021-09-10 10:50
閱讀 533·2019-08-30 15:44
閱讀 2871·2019-08-29 17:06
