首页 > 其他 > 详细

tabs切换tab页中的echart图变形,宽高仅100px问题

时间:2021-05-20 00:26:46      阅读:15      评论:0      收藏:0      [点我收藏+]
 

 

原因是在页面进行加载时,父容器最初是被隐藏的,宽高为0。隐藏的图表找不到对应的div大小,所以默认给了一个大小。

解决方案一:

把宽高固定写死,

比如style=”width:500px;height:500px”,这时候echarts有了明确的大小时候就可以正常显示出来了。

但是如果 想要 100%铺满且随屏幕自动适应大小,又无法解决了。。

 

解决方案二:

可以给图表标签加上v-if ,利用v-if 值切换来重绘图形页面。

技术分享图片

 

 

解决方案三:

element UI 官方提供的 lazy="true" 延迟加载,也就是待tab页切换时,父容器tab渲染完毕再去渲染子组件

技术分享图片

 

 

 

tabs切换tab页中的echart图变形,宽高仅100px问题

原文:https://www.cnblogs.com/wsj1/p/14786513.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!