vue中echarts宽度自适应

原创于 2020-11-26 11:03:55 发布 · 315 阅读

CC 4.0 BY-SA版权

文章标签：

24 篇文章

订阅专栏

6 篇文章

订阅专栏

本文介绍如何在ECharts中配置窗口大小变化时的自适应布局，通过在created钩子中添加监听器实现图表的自动调整。同时提供了一个链接，详细说明了如何实现ECharts的高度自适应。

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

把echarts的resize在created中配置一下就好

created() {
    window.addEventListener('resize', () => {
      if (this.myChart) {
        this.myChart.resize()
      }
    })
  },

若想实现宽度和高度都自适应，请参考我的另一篇文章：

Echarts高度自适应
https://blog.csdn.net/qq_25857899/article/details/116291680

如果本文对你有帮助，请点个赞吧！