博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端爬坑之旅--echarts渲染时canvas变为100px
阅读量:6268 次
发布时间:2019-06-22

本文共 324 字,大约阅读时间需要 1 分钟。

  • 开发要求:在实习时分配的一个页面,有三个标签,默认加载的是一个table,后两个标签都是echarts图表,但是三部分用的是相同的数据,包括分页。
    图片描述
  • 问题描述:刚开始设置图表渲染为默认加载,通过v-show控制所要展示的标签,但是图表缩小为100px,需要等一段时间后才会恢复。(菜鸡实习生被折磨了很久)
  • 问题分析:echarts不会自动渲染,经常改了数据进入页面需要刷新才能显示新得页面,所以可以从重绘和首次加载两方向去解决。
  • 解决方法1:重绘
    使用watch监听,定义宽高,传进去重新绘制
    图片描述
  • 解决方法2:点击时再绘制
    给标签绑定点击事件,在点击时发送请求进行判读,读取数据绘制(我采用这种方法)
    this.drawLine();在点击开始绘制图形,
    图片描述

转载地址:http://izvpa.baihongyu.com/

你可能感兴趣的文章
【算法之美】求解两个有序数组的中位数 — leetcode 4. Median of Two Sorted Arrays
查看>>
精度 Precision
查看>>
Android——4.2 - 3G移植之路之 APN (五)
查看>>
Linux_DHCP服务搭建
查看>>
[SilverLight]DataGrid实现批量输入(like Excel)(补充)
查看>>
秋式广告杀手:广告拦截原理与杀手组织
查看>>
翻译 | 摆脱浏览器限制的JavaScript
查看>>
闲扯下午引爆乌云社区“盗窃”乌云币事件
查看>>
02@在类的头文件中尽量少引入其他头文件
查看>>
JAVA IO BIO NIO AIO
查看>>
input checkbox 复选框大小修改
查看>>
网吧维护工具
查看>>
BOOT.INI文件参数
查看>>
vmstat详解
查看>>
新年第一镖
查看>>
unbtu使用笔记
查看>>
MaxCompute 学习计划(一)
查看>>
OEA 中 WPF 树型表格虚拟化设计方案
查看>>
Android程序开发初级教程(一) 开始 Hello Android
查看>>
使用Gradle打RPM包
查看>>