Android：一起学会超好用图表控件 HelloCharts
myayuesrv
8年前
<h2><strong>写在前面</strong></h2> <p>很早以前就想学习一些图表控件的实现，但一直被耽搁。现在毕设项目里有一个统计模块，所以不得不学了。找控件没花多大力气，不过确实在 <strong>MPAndroidChart</strong> 和 <strong>HelloCharts</strong> 之间犹豫了一会。不过简单对比来看，还是 <strong>HelloCharts</strong> 比较容易实现，也有很多可定义的模块/属性/效果。所以就选择了学习 <strong>HelloCharts</strong> 。</p> <p>开源库开发者 <strong>lecho</strong> 给我们提供了一个 <strong>Sample</strong> 代码，同时也提供了一个 <strong>Google Play</strong> 的 <strong>APP</strong> ，也可在 <a href="/misc/goto?guid=4959715217694800451" rel="nofollow,noindex">豌豆荚</a> 进行下载。</p> <p>我下载使用了一下，作者功能写的很丰富，但是好像还有很多新功能或效果没有加上。而且作者已经很久很久没有维护了，示例代码写的比较杂，注释也比较少，学起来比较费劲。</p> <p>因为学习这种开源控件类的东西，最好的方式就是动手实现每一个属性/效果/功能。所以我就仿照他的 <strong>Demo</strong> ，自己也写了一个类似的 <strong>Demo</strong> ，刚刚写完了基本和高级的使用，也学会了如何使用它。</p> <p style="text-align:center"><img src="https://simg.open-open.com/show/d3ea26a8d0cef3f127ebd49a4f5757c7.gif"></p> <p>为了方便还有其他人想学这个，我几乎全部重写了代码以及详细注释，如果还有想学习使用这个好用的图表控件的人，建议用我这个示例代码去学习，而且项目还在不断维护，实战应用场景也在添加中，一起去学如何在真正的项目中使用它。</p> <p>此外，如果有同学学会并自己写了一个实战场景，那么</p> <p>Welcome to Pull Requests !</p> <h2><strong>必读说明</strong></h2> <ul> <li>本项目仅供参考学习使用；</li> <li>本项目参考源码开发者示例 <strong>Demo</strong> ，有点中文版的意味；</li> <li>除新增功能/应用场景外，其余案例均在源示例代码上改写；</li> <li>重构原示例代码中 80% 内容，更简洁更清晰；</li> <li>添加大量新属性/效果/功能/应用场景；</li> <li>暂时删减部分不常用的控件/功能；</li> <li>修正源示例代码中的部分错误；</li> <li>添加详细规范中文注释；</li> <li>项目会持续维护，如添加不同应用场景或新功能等；</li> <li>软件运行若有异常问题，欢迎指正；</li> <li>如有建议或意见，欢迎交流。</li> </ul> <p>后面文章中有很多动图，流量预警</p> <h2><strong>功能介绍</strong></h2> <h3><strong>基础图表</strong></h3> <p><strong>Line Chart：线状图</strong></p> <p style="text-align:center"><img src="https://simg.open-open.com/show/a506afc1ec17b7ce50217530ef51f9ee.gif"></p> <p><strong>Column Chart：柱状图</strong></p> <p style="text-align:center"><img src="https://simg.open-open.com/show/442a372a7242246cfa0384fcdda212ff.gif"></p> <p><strong>Pie Chart：饼状图</strong></p> <p style="text-align:center"><img src="https://simg.open-open.com/show/8e21ef83748bc07d0b04a80d93d69a4e.gif"></p> <p><strong>Bubble Chart：气泡图</strong></p> <p style="text-align:center"><img src="https://simg.open-open.com/show/eb4af8f0b438b2424fd5b9a7608a910e.gif"></p> <h3><strong>高级图表</strong></h3> <p><strong>PreviewLine Chart：预览线状图</strong></p> <p style="text-align:center"><img src="https://simg.open-open.com/show/8c5478314abf31b48283290183a1bf24.gif"></p> <p><strong>PreviewColumn Chart：预览柱状图</strong></p> <p style="text-align:center"><img src="https://simg.open-open.com/show/cdef215f568be4bf3fc6936a5b3ea669.gif"></p> <p><strong>ComboLineColumn Chart：线状柱状组合图</strong></p> <p style="text-align:center"><img src="https://simg.open-open.com/show/a2bfff4c0cc16e13fa615e691d22b965.gif"></p> <p><strong>LineDependOnColumn Chart：线状依赖柱状图</strong></p> <p style="text-align:center"><img src="https://simg.open-open.com/show/139d56ed4c1adbfedd177da2c30616d9.gif"></p> <p> </p> <p>来自：http://www.iamxiarui.com/2016/09/08/android：一起学会超好用图表控件-hellocharts/</p> <p> </p>