重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

学习微信小程序如何使用echarts图表

时间:2020-09-10 20:30:06 作者:重庆seo小潘 来源:
前言 数据统计是我们经常使用的功能,我们一般在 pc 端使用的比较多,大多数用在管理系统中统计数据的分析,最近在做微信小程序的时候也遇到了相同的需求,把数据统计在小程序端以图表的形式展示,这里记录下自己的配置使用过程。准备 首先百度的 echarts 没

学习微信小程序如何使用echarts图表前言 数据统计是我们经常使用的功能,我们一般在 pc 端使用的比较多,大多数用在管理系统中统计数据的分析,最近在做微信小程序的时候也遇到了相同的需求,把数据统计在小程序端以图表的形式展示,这里记录下自己的配置使用过程。准备 首先百度的 echarts 没有提供小程序版本,这里找了个封装过可以用在微信端的仓库小程序版 echarts,通过这个链接下载最新的包。解压之后有个ec-canvas文件夹就是封装的组件,放到小程序的组件文件夹目录下,以供使用。├── ec-canvas│├── ec-canvas.js│├── ec-canvas.json│├── ec-canvas.wxml│├── ec-canvas.wxss│├── echarts.min.js│└── wx-canvas.js复制代码使用 在需要使用的页面配置文件中引入该图表组件"usingComponents": {"ec-canvas": "../../ec-canvas/ec-canvas"}复制代码index.wxml 中,我们创建了一个组件:<view>以上就是学习微信小程序如何使用echarts图表的详细内容,更多请关注小潘博客其它相关文章!