国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

echarts 表格自適應(yīng)需要注意的問(wèn)題

fasss / 2788人閱讀

摘要：可以解決這個(gè)問(wèn)題。而一般一個(gè)頁(yè)面不可能只引用一個(gè)表格，當(dāng)你引用多個(gè)的時(shí)候，有些地方需要注意。做圖標(biāo)自適應(yīng)的時(shí)候要注意，所有圖標(biāo)只能放一個(gè)方法，否則后面的會(huì)覆蓋前面的

最近在做大屏可視化，頁(yè)面數(shù)據(jù)展示基本都是用百度的echarts,因?yàn)轫?yè)面要做自適應(yīng)，所以當(dāng)視窗變化的時(shí)候echarts也要變化。
window.onresize 可以解決這個(gè)問(wèn)題。而一般一個(gè)頁(yè)面不可能只引用一個(gè)表格，當(dāng)你引用多個(gè)的時(shí)候，有些地方需要注意。

只能有一個(gè)window.onresize 方法，不能一個(gè)表格放一個(gè)window.onresize，否則只有最后一個(gè)才有resize起作用。

window.onresize = function () { //做圖標(biāo)自適應(yīng)的時(shí)候要注意，所有圖標(biāo)只能放一個(gè)onresize方法，否則后面的onresize會(huì)覆蓋前面的onresize
    ChartBar.resize();
    ChartAP.resize();
    ChartPie.resize();
    ChartPie2.resize();
    ChartPie1.resize();

};

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://specialneedsforspecialkids.com/yun/104207.html

相關(guān)文章

  • There is a chart instance already initialized on t

    摘要：在用做表格自適應(yīng)的時(shí)候，每次都會(huì)出現(xiàn)警告，雖然不影響的展示。注意是外面，在方法里聲明沒(méi)效果。 在用echart做表格自適應(yīng)的時(shí)候，每次 resize 都會(huì)出現(xiàn)echart警告，雖然不影響echart的展示。解決方法：全局聲明變量，在echart方法外面。注意！是外面，在方法里聲明沒(méi)效果。 var ChartAP; function chartIndex() { if ( Ch...

    cfanr 評(píng)論0 收藏0

  • 常用的前端插件V1

    摘要：輕量級(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...

    xiao7cn 評(píng)論0 收藏0

  • echarts超出容器寬度和自適應(yīng)的解決辦法

    摘要：在使用時(shí)為了兼容移動(dòng)端使用了布局出現(xiàn)超出父盒子寬度的問(wèn)題可以看出來(lái)溢出了父盒子一下問(wèn)題相似在了解繪制機(jī)制圖形只繪制一次且繪制時(shí)自動(dòng)獲取父級(jí)大小填寫寬度考慮讓延遲繪制使用原先代碼修改后配置效果圖關(guān)于自適應(yīng)的問(wèn)題首先要明白只繪制一次理清思路適應(yīng) 在使用echarts時(shí),為了兼容移動(dòng)端.使用了flxe布局出現(xiàn)echarts超出父盒子寬度的問(wèn)題 showImg(https://segmentf...

    jerryloveemily 評(píng)論0 收藏0

  • vue 中echart折線自適應(yīng)

    摘要：前端時(shí)間做一個(gè)的項(xiàng)目，是按需引入的如下引入主模塊引入折線圖引入提示框和圖例組件然后發(fā)現(xiàn)在縮放瀏覽器窗口時(shí)折線圖并不會(huì)自適應(yīng)，費(fèi)了好一會(huì)才解決，記錄下來(lái)給需要的小伙伴，解決方法是在里面調(diào)用如下方法折線圖寬高自適應(yīng) 前端時(shí)間做一個(gè)vue的項(xiàng)目，echart是按需引入的如下： // 引入 ECharts 主模塊 import echarts from echarts/lib/echarts ...

    xiaoqibTn 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<