el-tabs和echart组合时图表不显示或者显示100px

不在第一个tab里的echart就会有宽度异常(不显示或者宽度变成100px),就是因为非第一个tab的内容是display:none的

因为echart说容器要有具体宽高,而内容是display:none,所以所以图表不显示,或者被echart设置为默认的100px。

我们可以在点击到tab时再初始化echart,适当加点延迟

el-tab-pane里有个lazy属性,配置了没能解决这个问题

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • CSS要点记录 CSS 指层叠样式表 (Cascading Style Sheets) 多种样式时的优先级问题 数...
    Tony__Hu阅读 1,377评论 0 0
  • 问题描述 网页中十分常见的tab分页,通过切换头部tab,控制主体内容的显示与隐藏。如下图所示,有图表的是最后一个...
    loosenRogers阅读 2,437评论 0 1
  • 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握CSS三种显示...
    七彩小鹿阅读 6,495评论 2 66
  • 课程目标: 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握C...
    sunny688阅读 446评论 0 1
  • 课程目标: 学会使用CSS选择器熟记CSS样式和外观属性熟练掌握CSS各种选择器熟练掌握CSS各种选择器熟练掌握C...
    桃花兰岛主阅读 619评论 0 1

友情链接更多精彩内容