Echarts宽度自适应的解决方法

前提初始化echarts实例

let ele = document.getElementById('echartsDomId');
let echartsElement = echarts.init(ele);

添加解决自适应的方法

方法一：resize事件（适用于对应窗口变化自适应）

                ​​​resize事件：当文档视图（窗口）调整大小时触发该事件，只有在window对象上注册的处理程序才会接收resize事件。

window.addEventListener("resize", function () {
  echartsElement.resize();
});

方法二：ResizeObserver API （适用于对应某个元素容器的变化自适应）

                ResizeObserver API：可以监听到DOM元素，宽高的变化，需要注意的一点就是监听出变化结果是contentBox的宽度和高度。

const resizeObserver = new ResizeObserver((entries) => {
  echartsElement.resize();
});
resizeObserver.observe(ele);