介绍:MPAndroidChart图表库非常强大且易用。
支持柱状图、线性图、蛛网图、蜡烛图、散点图、气泡图等。
支持缩放、拖拽、动画、选择等效果。
之前的项目中销售量统计图表有用到过,这两天整理一下,最基本的应用,以柱状图为例,后续会更新饼图,线性图。
和大家共同学习,希望对大家有所帮助!
一、准备工作
在你的项目的build.gradle文件中配置:
maven{ url "https://jitpack.io"}
效果如下:
在你的App的build.gradle中配置:
compile 'com.github.PhilJay:MPAndroidChart:v3.0.3'//数据图表框架
效果图:
国际惯例先来展示下效果图:
二、具体应用
首先我们要清楚,首先柱状图需要哪些东西:
展示的数据。
设置数据到控件中。
将图标展示出来。
布局代码:
Activity中
接着我们创建一个集合存放BarEntry对象:
在onCreate方法中对应的两个方法:
初始化数据方法:
图表展示方法:
这里说一下这里遇到的一些小问题:
我们现在用的是V3.0.3版本,这个版本X轴上没有提供写String类型的刻度。
默认的是数字:
我这里做了个简单处理:
自定义一个CuntomXFormatter类,实现IAxisValueFormatter接口
在展示图标的时候调用
这里声明一个数组:
//自定义X轴
CustomXFormatter customXFormatter = new CustomXFormatter(values);
xAxis.setValueFormatter(customXFormatter);
这里还有右下角的图标名:
版本2.2.3上可以直接设置文字
但是在版本3.0.3没有提供直接设置String类型的方法
这样我们就可以设置图标的名称啦!
我们可以设置显示各个柱状图的比例图以及显示的位置,效果如下:
这样就可以达到我们想要的效果啦!
在github上图标库的地址:https://github.com/PhilJay/MPAndroidChart.git
三、这里再简单的介绍下v2.2.3版本设置X轴String类型的数据
在展示图标方法showBarChart中添加:
这样即可实现X轴上显示String类型的刻度。
在我的github上面已经上传了这两个版本的demo。
欢迎大家积极留言,一起学习,共同进步!
关注职场黑手杨,会持续有原创推送分享!
领取专属 10元无门槛券
私享最新 技术干货