呢呢 Blog 呢呢 Blog
首页
  • 前端

    • web Worker使用笔记
  • 博客搭建

    • 快速上手
文集
  • 前端公用方法
关于
  • 网站
  • 资源
  • Vue资源
  • 友情链接
GitHub
首页
  • 前端

    • web Worker使用笔记
  • 博客搭建

    • 快速上手
文集
  • 前端公用方法
关于
  • 网站
  • 资源
  • Vue资源
  • 友情链接
GitHub
  • 前端

  • 博客搭建

  • 微前端

  • Cesium天地图

  • bug记录

    • element-ui的table在flex布局下宽度一直增大
    • 02.element-ui选择框过长折行问题
    • element-ui菜单包error
    • 超出部分使用浮框的指令
    • 页面渲染多个大数据量echarts时的处理
      • 1、代码如下
  • vuepress

  • 浏览器架构及原理

  • photoshop

  • vue3+vite

  • react

  • 编程
  • bug记录
Ni Ni
2021-07-07

页面渲染多个大数据量echarts时的处理

使用场景: 页面一次性渲染16个echarts,切每个图表超过1万条数据,页面循环去渲染echarts时,会等所有的数据渲染完了,再显示页面,就会造成页面卡顿现象

添加以下代码就能渲染一个页面就展示一个chart了

# 1、代码如下

   this.chartList.forEach((item,index)=>{
	   // 这个setTimeout 是灵魂所在
		setTimeout(()=>{
			this.initChart(item,index)
		},10)
	})
1
2
3
4
5
6
编辑
上次更新: 2021/07/22, 09:07:42
超出部分使用浮框的指令
从零开始创建一个简单博客

← 超出部分使用浮框的指令 从零开始创建一个简单博客→

最近更新
01
react全家桶搭建全家桶模板
10-19
02
react学习到搭建一个全家桶的基础模板
10-09
03
202108自修图
09-24
更多文章>
Theme by Vdoing | Copyright © 2020-2021 Ni Ni | MIT License
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式
×