<Android 应用 之路> MPAndroidChart~PieChart
简介
MPAndroidChart是PhilJay大神给Android开发者带来的福利。MPAndroidChart是一个功能强大并且使用灵活的图表开源库,支持Android和IOS两种,这里我们暂时只关注Android版本。
Wiki
https://github.com/PhilJay/MPAndroidChart/wiki
Javadoc
https://jitpack.io/com/github/PhilJay/MPAndroidChart/v3.0.0-beta1/javadoc/
今日之图~PieChart
先看下效果压压惊,右边的图为左边的图横向拉伸后的效果
实际静态效果,上面那个是因为加了动画,录制Gif的时候不小心弄成了一直旋转的效果
布局文件
<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:paddingBottom="@dimen/activity_vertical_margin"
android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
tools:context="mapdemo.example.com.mpandroidchartdemo.MainActivity">
<com.github.mikephil.charting.charts.PieChart
android:id="@+id/piechart"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:text="Hello World!" />
</RelativeLayout>
对于Chart,可以采用布局文件添加方式,也可以采用代码添加方式。
代码
public class MainActivity extends AppCompatActivity {
@Bind(R.id.piechart)
PieChart piechart;
private Random random;//用于产生随机数字
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
ButterKnife.bind(this);
random = new Random();
initPieChart();//初始化饼图
}
private void initPieChart() {
ArrayList<Entry> yVals = new ArrayList<>(); //值坐标
ArrayList<String> xVals = new ArrayList<>();//对应的Lable,可以理解成X轴
for (int i = 0; i < 5; i++) {
xVals.add((i + 1) + "月");
yVals.add(new BarEntry(random.nextInt(10000), i));
}
PieDataSet pieDataSet = new PieDataSet(yVals, "小明每月支出");//创建饼图的一个数据集
pieDataSet.setColors(ColorTemplate.COLORFUL_COLORS); //设置成丰富多彩的颜色
DisplayMetrics metrics = getResources().getDisplayMetrics();
float px = 10 * (metrics.densityDpi / 160f);
pieDataSet.setSelectionShift(px); //点击后延伸出来的长度
PieData piedata = new PieData(xVals, pieDataSet);//生成PieData
piechart.setData(piedata);//给PieChart填充数据
piechart.getLegend().setPosition(Legend.LegendPosition.ABOVE_CHART_LEFT);
piechart.getLegend().setForm(Legend.LegendForm.CIRCLE);//设置注解的位置和形状
piechart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {//设置值选择时的Listener
@Override
public void onValueSelected(Entry entry, int i, Highlight highlight) {
Toast.makeText(MainActivity.this, "Something selected value = " + entry.getVal(), Toast.LENGTH_SHORT).show();//单纯地显示一个Toast
}
@Override
public void onNothingSelected() {
}
});
piechart.setCenterText("收支明细");//中间写的文字
piechart.setCenterTextColor(Color.RED);//设置中间文字的颜色
piechart.setCenterTextRadiusPercent(0.5f);//设置文字显示的角度,180横着,默认是竖着
piechart.setCenterTextSize(12f);//设置中心文字的字体大小
piechart.setCenterTextTypeface(null);//设置字体
piechart.setDrawCenterText(true);//中心字使能开关,false时中间无法显示文字
piechart.setTransparentCircleAlpha(100);//透明圈的透明度,分3圈,一个是外面的值,然后是这个,然后就是下面的那个Hole
piechart.setTransparentCircleColor(Color.RED); //设置颜色
piechart.setTransparentCircleRadius(50f);//设置半径
piechart.setDrawHoleEnabled(true);//基本同上
piechart.setHoleColor(Color.GREEN);
piechart.setHoleRadius(30f);
piechart.setDescription("No Deal");//设置描述文字
piechart.setDescriptionTextSize(20.f);//设置描述文字的字体
piechart.animateXY(1000, 1000);
}
}
值选择时的事件处理
上面的例子中其实已经有了
piechart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {//设置值选择时的Listener
@Override
public void onValueSelected(Entry entry, int i, Highlight highlight) {
Toast.makeText(MainActivity.this, "Something selected value = " + entry.getVal(), Toast.LENGTH_SHORT).show();//单纯地显示一个Toast
}
@Override
public void onNothingSelected() {
}
});
选中和啥都没干的回调,利用这个回调我们可以做一些跳转操作,比如从国家级报表,跳转到省级,然后市级 and so on.
<Android 应用 之路> MPAndroidChart~PieChart的更多相关文章
- <Android 应用 之路> MPAndroidChart~BubbleChart(气泡图) and RadarChart(雷达图)
简介 MPAndroidChart是PhilJay大神给Android开发者带来的福利.MPAndroidChart是一个功能强大并且使用灵活的图表开源库,支持Android和iOS两种,这里我们暂时 ...
- <Android 应用 之路> MPAndroidChart~ScatterChart
简介 MPAndroidChart是PhilJay大神给Android开发者带来的福利.MPAndroidChart是一个功能强大并且使用灵活的图表开源库,支持Android和IOS两种,这里我们暂时 ...
- <Android 应用 之路> MPAndroidChart~BarChart
简介 MPAndroidChart是PhilJay大神给Android开发者带来的福利.MPAndroidChart是一个功能强大并且使用灵活的图表开源库,支持Android和IOS两种,这里我们暂时 ...
- <Android 应用 之路> MPAndroidChart~LineChart
简介 MPAndroidChart是PhilJay大神给Android开发者带来的福利.MPAndroidChart是一个功能强大并且使用灵活的图表开源库,支持Android和IOS两种,这里我们暂时 ...
- Android高薪之路-Android程序员面试宝典
Android高薪之路-Android程序员面试宝典
- Android学习之路——简易版微信为例(一)
这是“Android学习之路”系列文章的开篇,可能会让大家有些失望——这篇文章中我们不介绍简易版微信的实现(不过不是标题党哦,我会在后续博文中一步步实现这个应用程序的).这里主要是和广大园友们聊聊一个 ...
- 小猪的Android入门之路 Day 3 - part 3
小猪的Android入门之路 Day 3 - part 3 各种UI组件的学习 Part 3 本节引言: 在前面两个部分中我们对Android中一些比較经常使用的基本组件进行了一个了解, part 1 ...
- 小猪的Android入门之路 Day 7 part 2
小猪的Android入门之路 Day 7 part 2 Android的数据存储与訪问之--SharedPreferences(保存偏好參数) ---转载请注明出处:coder-pig 本节引言: 在 ...
- 小猪的Android入门之路 day 1
小猪的Android入门之路 Day 1 Android相关背景与开发环境的搭建 ------转载请注明出处:coder-pig 本节引言: 随着社会经济的发展,移动互联网的越来越热,手机APP开发显 ...
随机推荐
- 前端JS批量添加校验数据唯一性
<script type="text/javascript"> //维护删除数组中的某一项 Array.prototype.remove = function(val) ...
- appium安装与部署
前提: ①:appium属于C/S架构,代码写在Client端 ②:本章所说的部署讲的是Android设备下的Appium安装与部署 ③:Appium Client的环境是针对python3的 App ...
- 2.CentOS6.5下的DNS主从区域传送配置
接着<1.CentOS6.5下的基础DNS配置>来说,主从区域传送只能让从服务器来进行传送,不给任何人传送,我们看看上一章节<1.CentOS6.5下的基础DNS配置>是否可传 ...
- 关于开发环境无法运行applet
测试一下IE java vm 如果没有正确显示出来,说明java vm插件没有装好: 我用Uninstalle 来清理注册表:重装jdk 1.6_45
- Windows开发经验 - Visual Studio 2017
1. 调试子进程 Visual Studio 2017及更早的版本原生不支持调试子进程,不确定未来是否会支持.可以通过官方插件让Visual Studio能够调试子进程. https://market ...
- lightgbm调参方法
gridsearchcv: https://www.cnblogs.com/bjwu/p/9307344.html gridsearchcv+lightgbm cv函数调参: https://www. ...
- 我把双系统的win10抹除了现在开机只按option还是会出现双系统选择,怎么把那个win10给取消了或删除掉
找到解决方法了,按步骤来吧,准备:[打开Finder如果你在侧边设备一栏里看不到 Macintosh HD 就打开Finder设置>边栏>勾选硬盘,如果能看到请无视这一行]1. 打开终端执 ...
- (转)我是如何在SQLServer中处理每天四亿三千万记录的
首先声明,我只是个程序员,不是专业的DBA,以下这篇文章是从一个问题的解决过程去写的,而不是一开始就给大家一个正确的结果,如果文中有不对的地方,请各位数据库大牛给予指正,以便我能够更好的处理此次业务. ...
- (转)2017年Linux运维人员必会开源运维工具体系
标签:操作系统 中间件 千里马 Linux 技能 原创作品,允许转载,转载时请务必以超链接形式标明文章 原始出处 .作者信息和本声明.否则将追究法律责任.http://oldboy.blog.51ct ...
- 18.async函数
1.含义 async 函数是什么?一句话,它就是 Generator 函数的语法糖. 前文有一个 Generator 函数,依次读取两个文件. var fs = require('fs'); var ...