百度echart resize的坑

2021-09-26 15:48:37 字數 694 閱讀 1963

需求:根據資料量的大小,動態調整echart柱形圖的寬度。

實現構想:根據資料的size調整div的大小,然後呼叫echart物件的resize方法重置柱狀圖的寬度:

// 圖的大小動態自動調整

let compactwidth = data.size*32;

let width = compactwidth < 1860 ? 1860 : compactwidth;

this.chartstyle.width = width + "px";

vuevisit.visitchart.resize();

碰到的問題:柱狀圖並沒有動態的改變了寬度,而是下次再調整一次才生效。

原因分析:應該是echart渲染或者讀取div的寬度什麼的延遲了。。。

解決方法:延時100毫秒再呼叫echart物件的resize方法:

// 圖的大小動態自動調整

let compactwidth = data.size*32;

let width = compactwidth < 1860 ? 1860 : compactwidth;

this.chartstyle.width = width + "px";

settimeout(function(), 100); //需要乙個延遲,resize()才能生效

評論 百度的框,百度的誑

最後,我分享乙個故事 有一片魚塘,有很多漁民,一邊養魚,一邊釣魚,旁邊有一家餐館,專門收購釣起來的魚烹製成菜,因其地理位置極佳而吸引了很多 遊人前 來就餐,有一天,這家餐館與最會釣魚的漁民甲達成了專供協議,餐館選單上顯著位置都是漁民甲所提供的魚類菜餚,於是漁民甲開始忙碌 發財,遊人們也很高興 這家餐...

百度權重和百度權重的計算

其實很多站長從事seo的工作已經很多年了,但是還是有那麼一部分站長對於權重的概念和計算方法了解的不夠透徹,包括筆者也是一樣的,筆者今天之所以寫這篇文章原因,就是希望通過我的分享能夠讓更多的站長,進一步加深他們對權重以及權重計算的認知。什麼是權重?什麼是 權重?權重指的是乙個 綜合排名的能力。站長工具...

android 百度sdk之 百度定位

步驟 1.控制台建立應用。2.sha1獲得 注意 debug 版本和release不同。debug版本獲取 首先 到c user android目錄下,我的是 c users admin android 其次 在這個目錄下,用cmd.輸入keytool v list keystore debug.k...