MPAndroidChart饼图PieChart的使用

在一个安卓项目中大量使用了MPAndroidChart的饼图，所以大致总结一下使用方法。

1.引入

app下的build.gradle中加入：

implementation 'com.github.PhilJay:MPAndroidChart:v3.0.2'

2.初始化

pieChart = findViewById(R.id.pie_chart);
pieChart.setNoDataText("No chart data available.");

初始化后如下所示：

3.添加数据

pieChart添加数据就是一句代码：

pieChart.setData(pieData);

其中pieData是PieData类型数据：

PieData pieData = new PieData(pieDataSet);

所以我们现在要得到pieDataSet：

PieDataSet pieDataSet = new PieDataSet(pieEntries, "");

最终归结到pieEntries上。

生成PieEntry

ArrayList<String> name = new ArrayList<>(Arrays.asList("优秀", "良好", "中等","及格", "不及格"));
List<PieEntry> pieEntries = new ArrayList<>();
ArrayList<String> rate = new ArrayList<>();//计算百分比
for(int i = 0; i < 5; i++) {DecimalFormat df = new DecimalFormat("0.00%");String decimal = df.format(data[i] / (data[0] + data[1] + data[2] + data[3] + data[4]));PieEntry pieEntry = new PieEntry(data[i] / (data[0] + data[1] + data[2] + data[3] + data[4]), name.get(i));pieEntries.add(pieEntry);rate.add(decimal);//name[i] = name[i] + decimal;
}

其中data包含五个整数，分别表示五个扇形的占比大小，生成PieEntry：

PieEntry pieEntry = new PieEntry(data[i] / (data[0] + data[1] + data[2] + data[3] + data[4]), name.get(i));

设置扇形数据及颜色：

ArrayList<Integer> colors = new ArrayList<>();
colors.add(Color.parseColor("#6BE61A"));
colors.add(Color.parseColor("#4474BB"));
colors.add(Color.parseColor("#AA7755"));
colors.add(Color.parseColor("#BB5C44"));
colors.add(Color.parseColor("#E61A1A"));PieDataSet pieDataSet = new PieDataSet(pieEntries, "");
pieDataSet.setSliceSpace(1f); //设置个饼状图之间的距离
pieDataSet.setColors(colors);
pieDataSet.setValueTextSize(0);

考虑到有的人只存在一两种颜色，比如全是优秀或者只有优秀良好两种，这种情况下如果设置标签在扇形图内必然会显得很拥挤，所以将每个扇形的标签字体大小设置为0，不再显示：

pieDataSet.setValueTextSize(0);

设置PieData

PieData pieData = new PieData(pieDataSet);
pieChart.setData(pieData);
pieChart.setDrawCenterText(true);//显示中间文字
pieChart.setCenterText(text1 + "\n" + text2);
pieChart.setCenterTextSize(20);//中间文字大小
pieChart.setCenterTextColor(Color.parseColor("#3CC4C4"));中间文字颜色
pieChart.setEntryLabelTextSize(0);//标签不显示
Description description = new Description();//设置描述
description.setText("");
pieChart.setDescription(description);

设置Legend

Legend legend = pieChart.getLegend();
legend.setHorizontalAlignment(Legend.LegendHorizontalAlignment.CENTER);
legend.setTextSize(12);

4.点击事件

由于我没有显示每个扇形的占比数据，所以需要在点击后显示相应比例：

pieChart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {@Overridepublic void onValueSelected(Entry e, Highlight h) {if(e == null) {return;}if(pieEntries.get(0).getValue() == e.getY()) {ToastUtil.showMessage(GradeRateActivity.this, name.get(0) + "占比" + rate.get(0));}else if(pieEntries.get(1).getValue() == e.getY()) {ToastUtil.showMessage(GradeRateActivity.this, name.get(1) + "占比" + rate.get(1));}else if(pieEntries.get(2).getValue() == e.getY()) {ToastUtil.showMessage(GradeRateActivity.this, name.get(2) + "占比" + rate.get(2));}else if(pieEntries.get(3).getValue() == e.getY()) {ToastUtil.showMessage(GradeRateActivity.this, name.get(3) + "占比" + rate.get(3));}else if(pieEntries.get(4).getValue() == e.getY()) {ToastUtil.showMessage(GradeRateActivity.this, name.get(4) + "占比" + rate.get(4));}}@Overridepublic void onNothingSelected() {}
});

5.invalidate()

pieChart.animateXY(1000, 1000);
pieChart.invalidate();

顺便设置了延迟1秒显示。

6.效果

MPAndroidChart饼图PieChart的使用相关推荐

MPAndroidChart饼图PieChart
之前的记账软件中,加入了GitHub上的开源项目,MPAndroid. 现在介绍一下饼状图. 首先将MPAndroidChart的jar包导入到libs中,jar包的链接可以去girhub下载,进去找 ...
MPAndroidChart饼图PieChart设置百分比显示
1.MPAndroidChart 版本 // MPAndroidChart :github.com/PhilJay/MPAndroidChart implementation 'com.github. ...
MPAndroidChart——饼图
MPAndroidChart--饼图 MPAndroidChart是安卓下的一个开源图形库,很多效果,简单看几个效果图 Github地址:https://github.com/PhilJay/MPAn ...
label mpchart 饼图_MPAndroidChart之饼图PieChart
前段时间没Android端的需求,所以在学前端,所以也差不多有一个多月没更新文章了,前端我是新手也基本没法写什么文章,只能总结一些比较基础的内容,然后现在暂时Android这边又开始了新的版本开发,所 ...
piechart 文档 android,Android MPAndroidChart之PieChart和数据结构以及模型【5】
Android MPAndroidChart之PieChart和数据结构以及模型[5] 以MPAndroidChart的饼状图PieChart为例. 测试的MainActivity的Java代码: p ...
Android MPAndroidChart之饼图PieChart
APP为了能让用户对数据有更直观,更便捷的认识,我们通常都选择了以图表的方式展示给用户,如折线图.饼图.条形图等-今天和大家分享下MPAndroidChart,一个强大便捷的图标控件. Android ...
piechart 文档 android,Android饼图 PieChart
PieChart 饼图,android 图表.会根据定义PieChartView的大小自动居中,所以如果要调整位置,只需要在xml更改PieChartView位置大小即可. 1.先看一下效果图: 展示 ...
MpAndroidChart饼图
好久没写帖子了,一直忙的要死今天简单总结一下MpAndroidChart的饼图使用吧先上照片吧,没做Gif,请原谅我的懒好了,直接上xml吧,就是个很简单的布局文件,饼图中间显示统计数据 < ...
Flex 饼图PieChart
<?xml version="1.0" encoding="utf-8"?> <mx:Application xmlns:mx="h ...