echarts图表宽度超出限定范围——自适应

 

限定图表宽高之后，缩小屏幕宽度会发现echarts不能自动随着屏幕宽度进行缩放和重新渲染，我们只要在mounted中添加如下代码，即可解决图表超出限定区域的问题：

setTimeout(() => { // 解决echarts图表放大溢出父容器
      const resizeOb = new ResizeObserver((entries) => {
        for (const entry of entries) {
          echarts.getInstanceByDom(entry.target).resize();
        }
      });
      resizeOb.observe(document.getElementById('图表所在的div盒子'));
    });