最近项目需要使用数据图表,增强用户的体验感,用的较多的是折线图;本人从头开始详细讲解如何通过Echarts在微信小程序开发出数据图表之动态折线图,有需要的小伙伴可以直接搬走使用。
第一步:下载Echarts组件,并且引入到小程序环境中。GitHub - ecomfe/echarts-for-weixin: Apache ECharts 的微信小程序版本
下载组件库。ec-canvas 为Echart是核心组件,下载以后,拷贝到自己小程序的目录下,例如拷贝到component/ec-canvas。(此处需要记下下载的ec-canvas的版本,我图中下载的是5.3.3版本,将来如果做定制图表需要与版本匹配)
第二步,开始在小程序页面引入组件,并且进行配置。
1、页面json文件声明组件
"usingComponents": {
"ec-canvas": "../../components/ec-canvas/ec-canvas" //此处地址是上一步拷贝到小程序环境中的地址。
},
2、wxml文件中进行组件的使用
&