vue echarts

tenc1239

已于 2023-05-26 23:54:35 修改

阅读量384

点赞数

CC 4.0 BY-SA版权

分类专栏： vue 文章标签： vue.js

于 2023-05-26 15:59:38 首次发布

本文链接：https://blog.youkuaiyun.com/tenc1239/article/details/130888770

vue 专栏收录该内容

46 篇文章

订阅专栏

文章探讨了如何使用Echarts确保图表完全填充div容器，并处理ResizeObserver在动态调整时遇到的looplimitexceeded错误。通过在ResizeObserver回调中包裹requestAnimationFrame来避免错误，并在尺寸变化时正确调用myChart.resize()方法更新图表大小。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.没用占满div容器

echarts如何让图表占满整个div容器-阿里云开发者社区

2 ResizeObserver loop limit exceeded

const resizeObserver = new ResizeObserver(entries => {
      // We wrap it in requestAnimationFrame to avoid this error - ResizeObserver loop limit exceeded
      window.requestAnimationFrame(() => {
        if (!Array.isArray(entries) || !entries.length) {
          return;
        }
        this.myChart.resize();
      
      });
    });