前端爬坑之旅--echarts渲染时canvas变为100px

  • 开发要求:在实习时分配的一个页面,有三个标签,默认加载的是一个table,后两个标签都是echarts图表,但是三部分用的是相同的数据,包括分页。
    《前端爬坑之旅--echarts渲染时canvas变为100px》
  • 问题描述:刚开始设置图表渲染为默认加载,通过v-show控制所要展示的标签,但是图表缩小为100px,需要等一段时间后才会恢复。(菜鸡实习生被折磨了很久)
  • 问题分析:echarts不会自动渲染,经常改了数据进入页面需要刷新才能显示新得页面,所以可以从重绘和首次加载两方向去解决。
  • 解决方法1:重绘
    使用watch监听,定义宽高,传进去重新绘制
    《前端爬坑之旅--echarts渲染时canvas变为100px》
  • 解决方法2:点击时再绘制
    给标签绑定点击事件,在点击时发送请求进行判读,读取数据绘制(我采用这种方法)
    this.drawLine();在点击开始绘制图形,
    《前端爬坑之旅--echarts渲染时canvas变为100px》
    原文作者:Youki
    原文地址: https://segmentfault.com/a/1190000018187368
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞