汽车销量查询小助手(小程序)销量趋势图功能及代码知识分享

在上篇博客汽车销量查询小助手(小程序)开发心路历程 我分享了整个小程序的开发历程,感谢有那么多同学阅读和关注。

后面就会将小程序中的各个功能块以代码片段的方式给大家分享出来所有的代码都在我的 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 }
  ...
},

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpgfsg.html