Android开发MPAndroidChart之PieChart圆形统计图使用详解_mpandroidchart-piechart

今天在工作中需要用到用到统计图的需求，在网上翻阅资料后还是选择使用第三方的MPAndroidChart，毕竟这个开源库很强大
MPAndroidChart——github地址
接下来说是使用步骤
1、导入依赖

（1）、项目的bulid中加入

repositories {
maven { url 'https://jitpack.io' }
}
1
2
3

model的build中加入

dependencies {
implementation 'com.github.PhilJay:MPAndroidChart:v3.1.0'
} 
1
2
3

2、引入布局

<com.github.mikephil.charting.charts.PieChart
    android:id="@+id/pie_chart"
    android:layout_width="300dp"
    android:layout_height="300dp"
    android:layout_gravity="center"/>
1
2
3
4
5

3、添加数据，这里为了写demo方便直接写的模拟数据，在项目中应从接口中读取数据

//添加数据
private List<PieEntry> getPieChartData() {
    List<String> dataList = "数据库或网络获取数据"
    List<PieEntry> mPie = new ArrayList<>();

    for (String data : dataList ) {
        // 参数1为 value，参数2为 data。
        // 如 PieEntry(0.15F, "90分以上");  表示90分以上的人占比15%。
        PieEntry pieEntry = new PieEntry("计算占比", data);
        pieEntry.setX("float类型数字");
        mPie.add(pieEntry);
    }
    return mPie;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14

4、设置显示的方法

//显示统计图
private void showPieChart(PieChart pieChart, List<PieEntry> pieList) {
    PieDataSet dataSet = new PieDataSet(pieList,"Label");

    // 设置颜色list，让不同的块显示不同颜色，下面是我觉得不错的颜色集合，比较亮
    ArrayList<Integer> colors = new ArrayList<Integer>();
    int[] MATERIAL_COLORS = {
            Color.rgb(200, 172, 255)
    };
    for (int c : MATERIAL_COLORS) {
        colors.add(c);
    }
    for (int c : ColorTemplate.VORDIPLOM_COLORS) {
        colors.add(c);
    }
    dataSet.setColors(colors);
    PieData pieData = new PieData(dataSet);

    // 设置描述，我设置了不显示，因为不好看，你也可以试试让它显示，真的不好看
    Description description = new Description();
    description.setEnabled(false);
    pieChart.setDescription(description);
    //设置半透明圆环的半径, 0为透明
    pieChart.setTransparentCircleRadius(0f);

    //设置初始旋转角度
    pieChart.setRotationAngle(-15);

    //数据连接线距图形片内部边界的距离，为百分数
    dataSet.setValueLinePart1OffsetPercentage(80f);

    //设置连接线的颜色
    dataSet.setValueLineColor(Color.LTGRAY);
    // 连接线在饼状图外面
    dataSet.setYValuePosition(PieDataSet.ValuePosition.OUTSIDE_SLICE);

    // 设置饼块之间的间隔
    dataSet.setSliceSpace(1f);
    dataSet.setHighlightEnabled(true);
    // 不显示图例
    Legend legend = pieChart.getLegend();
    legend.setEnabled(false);

    // 和四周相隔一段距离,显示数据
    pieChart.setExtraOffsets(26, 5, 26, 5);

    // 设置pieChart图表是否可以手动旋转
    pieChart.setRotationEnabled(false);
    // 设置piecahrt图表点击Item高亮是否可用
    pieChart.setHighlightPerTapEnabled(true);
    // 设置pieChart图表展示动画效果，动画运行1.4秒结束
    pieChart.animateY(1400, Easing.EasingOption.EaseInOutQuad);
    //设置pieChart是否只显示饼图上百分比不显示文字
    pieChart.setDrawEntryLabels(true);
    //是否绘制PieChart内部中心文本
    pieChart.setDrawCenterText(false);
    // 绘制内容value，设置字体颜色大小
    pieData.setDrawValues(true);
    pieData.setValueFormatter(new PercentFormatter());
    pieData.setValueTextSize(10f);
    pieData.setValueTextColor(Color.DKGRAY);

    pieChart.setData(pieData);
    // 更新 piechart 视图
    pieChart.postInvalidate();
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

5、在main中调用

      private com.github.mikephil.charting.charts.PieChart mPieChart;

@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    mPieChart = findViewById(R.id.pie_chart);
    List<PieEntry> pieList=new ArrayList<>();
    showPieChart(mPieChart, getPieChartData());
}
1
2
3
4
5
6
7
8
9
10

运行现在可以看效果了

6、接下来还有关于统计图的点击事件

mPieChart.setOnChartValueSelectedListener(new OnChartValueSelectedListener() {
        @Override
        public void onValueSelected(Entry e, Highlight h) {
            // e.getX()方法得到x数据
            PieEntry pieEntry = (PieEntry) e;
            Log.d(TAG, "-->value" + pieEntry.getValue() + "->x" + pieEntry.getX() + "->y" + pieEntry.getY());
        }

        @Override
        public void onNothingSelected() {}
    } );
1
2
3
4
5
6
7
8
9
10
11