百度了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();
});
依旧没有效果。
最后:百度到jquery有resize()事件,但直接调用没有起作用,引入jquery.ba-resize.js文件就可以了。经过试验,终于ok了
query有resize()事件,但直接调用没有起作用,必须引入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