一个html页面的多个echarts图表如何自适应屏幕？

Question

myChart1.setOption(option1,window.onresize = myChart1.resize);
**或者**
myChart1.setOption(option1);
window.onresize = myChart1.resize

像这样的话都只有最后一个图表可以自适应，而其他的不会自适应

Answer 1

1.监听resize属性（只能根据浏览器窗口改变自适应）

   window.addEventListener("resize", () => {                  
                        myChart1.resize();
                        myChart2.resize();                 
                });

2.浏览器 ResizeObserver属性（有兼容性问题，但是可以根据指定元素改变自适应）

  const myObserver = new ResizeObserver(entries => {
                            myChart.resize();
                   });
                   let element=document.getElementById('chart')
                    myObserver.observe(element);