Echarts图表在tabs切换的情况下出现第二个图表宽度压缩解决方法

最新推荐文章于 2023-11-03 08:30:22 发布

码农小高.

最新推荐文章于 2023-11-03 08:30:22 发布

阅读量463

点赞数 2

分类专栏： VUE 文章标签： js vue elementui echarts

本文链接：https://blog.csdn.net/weixin_43735569/article/details/119608816

版权

VUE 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

第一步: el-tabs添加事件 @handleClick(tab, event)
在这里插入图片描述

第二步:
获取echarts的id ,下面我的两个图表id分别是 ‘myChart’&&‘myChartnum’(同一页面图表id不可重复);
注:activeName不一定非是first,second 可以自定义,看自己怎么写!
在这里插入图片描述
第三步:刷新页面,就ok了! 此次解决问题的重点在与 resize()方法,此方法是让Echarts图表重新加载!