Echarts圖表在div尺寸變化時的自適應
阿新 • • 發佈:2021-01-18
問題描述:當介面完成Echarts圖表載入時,這個時候如果調整介面大小,展示Echarts的Div大小也隨之改變(div的寬、高是通過百分比設定的),但是Echarts圖表的大小未發生改變,壓縮在了一起。
解決方案:設定Echarts圖表大小在Div大小改變是,重新調整大小。
解決方法:
1、如果是單個Echarts圖表
//使用剛指定的配置項和資料顯示圖表。
myChartSex.setOption(option);
window.onresize = myChartSex.resize;
2、如果是多個Echarts圖表
window.addEventListener("resize", function () { myChartSex1resize(); myChartSex2.resize(); });
瞭解更多,請關注微信公眾號: