先install一下echarts-liquidfill
npm install echarts
npm install echarts-liquidfill
在需要使用的界面引入一下
import * as echarts from 'echarts';
import 'echarts-liquidfill'
在页面中新建一个容器用来存储echarts
![](https://img-blog.csdnimg.cn/img_convert/c7bd85939ea53572236d824f771a9c91.png)
记得要给容器宽高
可以通过 echarts.init 方法初始化一个 echarts 实例并通过 setOption 方法生成一个简单的图
![](https://img-blog.csdnimg.cn/img_convert/167f0de79da57f947a4bc78e59dd4368.png)
data中的数据^
![](https://img-blog.csdnimg.cn/img_convert/fbd1d8a215a04e767c9e9f7e138d4fce.png)
在mounted里面调用
随后就可以修改图表的数据了
![](https://img-blog.csdnimg.cn/img_convert/dce8d7528afc3500395e0ec6734441e5.png)
(定时器要重置option否则数据不刷新)