根据参数查询echart中数据内容(vue+element+echart) 随笔 第1张

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

点击查询按钮需要根据传的三个参数查询出数据信息。分别是工件、开始时间、结束时间。

根据参数查询echart中数据内容(vue+element+echart) 随笔 第2张

以柱形图为例:

第一步:

根据参数查询echart中数据内容(vue+element+echart) 随笔 第3张

 第二步:获取选中的值传入后台

 根据参数查询echart中数据内容(vue+element+echart) 随笔 第4张

根据参数查询echart中数据内容(vue+element+echart) 随笔 第5张

第三部:

根据参数查询echart中数据内容(vue+element+echart) 随笔 第6张

根据参数查询echart中数据内容(vue+element+echart) 随笔 第7张

data中:

 根据参数查询echart中数据内容(vue+element+echart) 随笔 第8张

 watch中:

根据参数查询echart中数据内容(vue+element+echart) 随笔 第9张

数据更新需要watch监听。

努力学习!

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄