用echarts做視覺化大屏的時候，圖表大小可以自適應，但是圖表裡面文字的大小不能自適應。有一種解決方法就是採用rem為單位，根據螢幕的寬度調整html的font-size。
先定義乙個函式fontsize()，用來獲取螢幕寬度並計算比例，在需要設定字型的地方呼叫這個函式即可。
getecharts()
var dom = document.
getelementbyid
('qualres');
var mychart = echarts.
init
(dom)
;var option =
, subtextstyle:},
tooltip:
, legend:},
grid:
, xaxis:
, axisline:
, axislabel:
, boundarygap:
true,}
, yaxis:
, axisline:
, axislabel:
, interval:10,
min:0,
max:40,
},series:[,
]}//視口調整後重新渲染echart圖表
window.
onresize
=function()
; mychart.
setoption
(option);}
,
resize()函式，當瀏覽器發生resize事件時，讓其觸發echart的resize()函式，可以重繪canvas，實現圖表自適應。
此時，字型的大小並不能隨著圖表自適應（必須重新整理頁面），需要設定監聽事件addeventlistener，在瀏覽器視窗發生變化時重新執行圖表方法：
mounted())},
echarts自適應寬高
問題 當我們寫完echarts後縮放瀏覽器視窗常常會出現圖表超出指定範圍，然後我們重新整理頁面圖示又恢復到範圍內。解決方法 新增resize事件 作用 當瀏覽器視窗縮放時自動 重新整理 echarts圖示 寫法一 export default methods that.mychart.setopti...
解決echarts自適應問題
在vue專案中是用echarts生成圖表，基本配置之後也出現了，可現在的網頁基本都是自適應的，而echarts圖表只生成了一次，無法自適應，需要重新整理才能重新渲染圖表。第一次進入很正常 螢幕縮小之後，發現沒有顯示完整 解決辦法 echart圖表本身是提供了乙個resize的函式的 使用剛指定的配置...
自適應大小
原文出處忘了 自適應大小一般分為對話方塊自適應大小和控制項自適應大小。1.對話方塊自適應大小 在螢幕 高度和寬度是螢幕的一半 int cx getsystemmetrics sm cxscreen int cy getsystemmetrics sm cyscreen movewindow m hw...