下载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