echarts自适应解决方案记录

思路一：监听可视窗口的变化，常常用到的是window对象下的onresize函数。

    window.addEventListener('resize', () => {
    myChart1.resize();
}, false);

思路二： 监听图表父元素的宽高变化。

let chartDom = document.getElementById('myChart');
let myChart = echarts.init(chartDom);
// 若dom尺寸变化，则resize
 
const chartObserver = new ResizeObserver(() => {
    myChart.resize();
});
chartObserver.observe(chartDom);