echarts 自适应问题

602 阅读1分钟
 // 窗口改变自适应
 window.addEventListener('resize', () => {
     if (myChart) myChart.resize();
 });
 ​
 // 容器宽高改变自适应
 const resizeObserver = new ResizeObserver(() => {
     myChart.resize();
 });
 resizeObserver.observe(element);

除了窗口调整echarts需要自适应以外,有时候侧边栏收起等都需要echarts自适应,这时候就可以使用ResizeObserver监听元素宽高变化,调用resize方法自适应,

[​ResizeObserver 详情链接:]  developer.mozilla.org/zh-CN/docs/… \