百度了n種辦法，試了n種辦法后終于測出來了。

方法一：window.οnresize=myChart.resize; ?但是沒有效果

方法二：

window.addEventListener("resize", function () {

? ? ? ? ? myChart.resize();

? ? ? ? });

依舊沒有效果

方法三：

<div class="summary"><div id="annual" ></div> </div>$('.summary').resize(function () {var annual = echarts.init(document.getElementById("annual"));annual.resize(); });

依舊沒有效果。

最后：百度到j(luò)query有resize()事件，但直接調(diào)用沒有起作用，引入jquery.ba-resize.js文件就可以了。經(jīng)過試驗，終于ok了

query有resize()事件，但直接調(diào)用沒有起作用，必須引入jquery.ba-resize.js文件。

下載位置：https://download.csdn.net/download/weixin_38383877/10727216

例如：

<div class="chart"><div class="col-md-3" style="width:73%;height:270px" id="chartx"></div> </div> <script src="/static/assets/scripts/jquery.ba-resize.js"></script> js代碼： var myChartx = echarts.init(document.getElementById('chartx')); $('.chart').resize(function(){myChartx.resize();});

參考自：https://blog.csdn.net/yf814359680/article/details/71404654
?

總結(jié)

以上是生活随笔為你收集整理的echarts自适应父div大小的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。