微信小程序中的图表

也许忙碌一生也难出人头地,但你可以把每一天当成新的篇章。

随着微信小程序的兴起,我们的生活也变得方便了,比如我们看视频,买票等等都可以在微信小程序上实现。比如我看腾讯视频就在小程序,广告少,进入方便。随着APP的业务迁入微信小程序,小程序的生态也会逐步完善,我想等不了多久,优秀的小程序UI框架就会出现在开发者面前。当然还需要我们这些开发者共同努力。

一、图表呈现

以前我们在H5中的用canvas画图,当然成熟的库ECharts给了我们很大的帮助,但微信提供的Canvas还是区别于原生Canvas。最近ECharts4.0开始了对微信小程序的支持,但是版本记录中没有提及对微信小程序的支持。而github上比较火的微信小程序图表库是wx-charts。

二、问题出现

三、wx-charts的使用

wx-charts下载地址https://github.com/xiaolin3303/wx-charts,wx-charts的使用很方便,只要处理成wxCharts需要的数据类型和结构传进去就可以。当然我还是建议下载demo,查看demo代码再开发项目。

源代码的分析可以到这里https://segmentfault.com/a/1190000007649376

但同样相比ECharts来说,还有很多不足,在ECharts4未更新支持小程序之前,wxCharts是目前市面上做的比较好的。

四、反思

开发库,开发框架是一个很艰难的路程,尤其是在后期的维护中。为了开发效率的提升,我们使用别人开发的库或框架的同时也要学习别人的学习方法和解决问题的方法,这无疑不是时间和经验的积累。一个经验丰富的程序员,必有一套解决问题的方法和习惯,这正是我们需要学习的。

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180222G0YL6O00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券