在vue專案中是用echarts生成圖表，基本配置之後也出現了，可現在的網頁基本都是自適應的，而echarts圖表只生成了一次，無法自適應，需要重新整理才能重新渲染圖表。
第一次進入很正常
螢幕縮小之後，發現沒有顯示完整
解決辦法：
echart圖表本身是提供了乙個resize的函式的
// 使用剛指定的配置項和資料顯示圖表。
var mychart = echarts.
init
(document.
getelementbyid
("main"))
;mychart.
setoption
(this
.option)
;window.onresize = mychart.resize;
var mychart = echarts.
init
(document.
getelementbyid
("main"))
;// 使用剛指定的配置項和資料顯示圖表。
mychart.
setoption
(this
.option)
;var mychartr = echarts.
init
(document.
getelementbyid
("mainr"))
;// 使用剛指定的配置項和資料顯示圖表。
mychartr.
setoption
(this
.optionr)
;var mychartd = echarts.
init
(document.
getelementbyid
("maind"))
;// 使用剛指定的配置項和資料顯示圖表。
mychartd.
setoption
(this
.optiond)
;window.
addeventlistener
("resize"
,function()
);
沒有隱藏側邊欄時，圖表正常顯示
隱藏側邊欄後，圖表沒有自適應容器
解決辦法：
把側邊欄隱藏的狀態存起來，vuex或者其他地方，我這裡存放到vuex中
//展開和收縮
togglecollapse()
,
vuex中的值，如果側邊欄的狀態（隱藏或顯示）改變，那麼就重新渲染echarts圖表
watch:,0
)}},
echarts自適應寬高
問題 當我們寫完echarts後縮放瀏覽器視窗常常會出現圖表超出指定範圍，然後我們重新整理頁面圖示又恢復到範圍內。解決方法 新增resize事件 作用 當瀏覽器視窗縮放時自動 重新整理 echarts圖示 寫法一 export default methods that.mychart.setopti...
解決iframe高度自適應問題
最近工作中使用了讓人頭疼的iframe，碰到的最大問題是沒有好的方法使其高度自適應。尤其在頁面進行ajax後，後來google一番之後，發現iframe resizer能夠比較好的解決這個問題，而且還支援跨域訪問 使用postmessage 使用方法 在iframe resizer壓縮包的js資料夾...
Echarts文字大小自適應，案例詳解
用echarts做視覺化大屏的時候，圖表大小可以自適應，但是圖表裡面文字的大小不能自適應。有一種解決方法就是採用rem為單位，根據螢幕的寬度調整html的font size。先定義乙個函式fontsize 用來獲取螢幕寬度並計算比例，在需要設定字型的地方呼叫這個函式即可。getecharts var...