有学有练才叫学习:学而不思则罔,思而不学则殆:学而不习,纸上谈兵,习而不进,画地为牢!

小程序echarts(小程序中使用图表echarts)

代码编程 炮渣日记 4周前 (11-13) 30次浏览 已收录 0个评论 扫描二维码

自己做的记账小程序,最近在做记账统计功能,所以涉及到图表制作,。

web项目自己一直再用echarts 于是就看看小程序里面该怎么用呢,

第一步:git clone
https://github.com/ecomfe/echarts-for-weixin.git

先去把这个插件下载下来然后放到 pages 目录里面作为一个组件来使用

小程序echarts(小程序中使用图表echarts)

第二部:然后在需要使用得页面引入

小程序echarts(小程序中使用图表echarts)

引入完成以后 在页面里面进行初始化

小程序echarts(小程序中使用图表echarts)

小程序echarts(小程序中使用图表echarts)

小程序echarts(小程序中使用图表echarts)

初始化完成以后呢

在调用接口获取 数据 组装 option

小程序echarts(小程序中使用图表echarts)

组装完成以后呢

小程序echarts(小程序中使用图表echarts)

在进行setOption 进行渲染就好了

这里注意一下有时候可能会出现不显示。。就是chart 找不到

这里采用一个定时器得方案来解决

小程序echarts(小程序中使用图表echarts)

OK 基本使用就是这样。。。

喜欢 (0)
炮渣日记
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址