当前位置: 首页 > news >正文

在使用element中的抽屉<el-drawer>页签<el-tabs/>组合时,echarts图表宽度显示异常问题

类似这种情况,宽度异常

原因:在展示出抽屉时,图表的组件一件初始化了,导致他的宽度提前设定好了(我默认的style="width: 100%; height: 300px;"),我得解决方法有2个:

1、第一种,就是一开始就给它设置固定的宽高

        style="width: 500px; height: 300px;"

2、第二种,就是延迟图表组件的初始化,比如:

     a、如果默认的页签的activeName不是图表组件的那个名称,可以做一下判断,比如我圈红圈的

      b、监听activeName,在图表组件的<el-tab-pane>激活的状态再调用初始化图表

3、使用 echarts 自带的 resize 方法,在激活的时候调用一下

      this.chart.resize();


http://www.mrgr.cn/news/69125.html

相关文章:

  • 【测试框架篇】单元测试框架pytest(2):用例编写
  • HTML面试题(2)
  • 11-通信图建模测试
  • 自动驾驶仿真:软件在环(SIL)测试详解(精简版入门)
  • 使用视频提升应用在 App Store 中的推广效果
  • 任何使用 Keras 进行迁移学习
  • 分布式和并发模型的比较和讨论记录
  • [Linux] 进程等待 | 进程替换
  • Codeforces Round 984 (Div. 3)
  • ODOO学习笔记(3):Odoo和Django的区别是什么?
  • Docker的轻量级可视化工具Portainer
  • ssm077铁岭河医院医患管理系统+vue(论文+源码)_kaic
  • 特殊符号大全
  • 驱动开发系列27 - Linux Kernel 内核调试环境配置
  • 【softmax基础】如何使用什么时候使用
  • Python:scipy.signal.find_peaks 查找数据内的波峰波谷
  • 从0开始linux(25)——链接文件
  • c程序编译预处理命令那些事
  • 电工领域文档规范引用格式说明
  • 装杯 之 Linux指令【补充篇】
  • 图形几何之美系列:仿射变换矩阵
  • 了解信息物理系统(CPS,Cyber-Physical Systems)
  • Java 函数接口Comparator和Comparable【比较器接口】详解与示例
  • 深入理解指针3
  • 3242. 设计相邻元素求和服务
  • 运维规范心得