Echarts图表大小会自动随着外部div大小变化

最近做Echarts图表时，当页面大小变化时，图表大小不随着变化，导致页面变形，比较难看。
找了很多办法，最后发现jquery能够搞定这个事情。

1、引入组件jquery.ba-resize.min.js。

2、示例程序

<div class="chart" >
    <div id="myChart" style="height:300px"></div>
</div>

let myChart = Echarts.init(document.getElementById("myChart"));
$('.chart').resize(function () {
    myChart.resize();
});