在上篇博客汽车销量查询小助手(小程序)开发心路历程 我分享了整个小程序的开发历程,感谢有那么多同学阅读和关注。
后面就会将小程序中的各个功能块以代码片段的方式给大家分享出来,所有的代码都在我的 github (https://github.com/ReyCG/carsales-snippets)项目下,
直接使用 微信开发工具的代码片段导入,即可看到效果。首先来看第一个功能:销量趋势图 。该功能的代码地址在 https://github.com/ReyCG/carsales-snippets/tree/master/cn-sales-chart .
2. 效果图及功能点说明界面是这样的:
当用户点击不同的时间周期按钮,如点击 3 个月,就会以动画的形式展现出来 3 个月的销量趋势。
当用户点击 查看更多行情 按钮或者 查看更多 时,就会进入下一个界面展示完整的行情图。
3. 使用工具说明
ui 效果使用的是 WeUI基础控件库
图形展示使用的是 echarts for weixin
4.整体实现分析说明1. 使用 echarts 异步加载
data: {
...
ecLine: {
lazyLoad: true
}
...
},