首页
学习
活动
专区
工具
TVP
发布

MPAndroidChart强大而且易用的图表库

介绍: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。

欢迎大家积极留言,一起学习,共同进步!

关注职场黑手杨,会持续有原创推送分享!

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180117G031YZ00?refer=cp_1026
  • 腾讯「腾讯云开发者社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 cloudcommunity@tencent.com 删除。

扫码

添加站长 进交流群

领取专属 10元无门槛券

私享最新 技术干货

扫码加入开发者社群
领券