微信小程序获取数据接口动态渲染Echarts折线图

上篇文章介绍的是最简单的折线图配置方法,若是放到开发的项目中还需要进行一些改动,比如,如何调用接口获取数据动态渲染折线图:

为了更好的体验项目开发中调取接口获得数据渲染折线图,我让朋友给我开发了接口模拟了一些假数据部署到服务器上,因为加了时间筛选功能,所以只模拟了2019-7-17到2019-7-23这7天内的数据,其余时间段数据为0,如果进行测试的话,就选这个时间段筛选就行。

项目准备:

1、拷贝 ec-canvas 目录到项目根目录下,对于该文件内的echarts.js文件,可以使用最新版本项目中自带的,也可以去官网下载自定义构建的(自定义构建的目的就是缩小文件,针对性的下载自己需要的数据图表,注意自定义下载下来的文件名为echarts.min.js,重新引入到ec-canvas 目录中的时候需要修改为echarts.js,不然会有报错);

2、配置index.json

{
  "usingComponents": {
    "ec-canvas": "../../ec-canvas/ec-canvas"
  },
  "navigationBarTitleText": "
评论 13
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值