侧边栏壁纸
博主头像
前端学习

行动起来,活在当下

  • 累计撰写 307 篇文章
  • 累计创建 18 个标签
  • 累计收到 0 条评论

目 录CONTENT

文章目录

vue电商管理—基于echarts实现数据报表(深拷贝+echarts)

Administrator
2022-05-20 / 0 评论 / 0 点赞 / 119 阅读 / 0 字

下载echarts依赖

202109111631351290122617

1、导入echarts
202109111631352599202460

2、为 ECharts 准备一个具备大小(宽高)的 DOM
202109111631351782332005

3、基于准备好的dom,初始化echarts实例,必须要在mounted生命周期里
202109111631351911168794

4、配置与展示
202109111631352240209846

代码演示:

进行动态数据渲染:

1、现请求数据,然后直接使用数据

lazyloading-1653038326542

lazyloading-1653038329408

这个时候虽然数据出来了,但没有做到鼠标触碰显示数据的功能

lazyloading-1653038334396

这个时候要与文档中的options进行合并:

lazyloading-1653038338265

(1)现在data粘贴复制这个options

lazyloading-1653038341196

(2)利用深拷贝进行数据的合并

也需要先导入lodash包

lazyloading-1653038347015

202109111631353657218234

代码演示:

202109131631514341170550

0
Vue

评论区