MPAndroidChart饼图属性及相关设置

公司最近在做统计功能，所以用到了饼图，在网上查了一些资料最终决定使用MPAndroidChart，使用起来非常方便，还有一些问题通过各种查找，终于解决...废话不多说，先看下效果图：

布局文件：

[java] view plain copy

1. <com.github.mikephil.charting.charts.PieChart
2. android:id="@+id/chart"
3. android:layout_width="match_parent"
4. android:layout_height="match_parent" />

java代码：

1、初始化饼图

[java] view plain copy

1. private void initChart(){
2. mChart = (PieChart) findViewById(R.id.chart);
3. mChart.setUsePercentValues(true);
4. mChart.setDescription("");
5. mChart.setExtraOffsets(5, 10, 5, 5);
6. //        mChart.setDrawSliceText(false);//设置隐藏饼图上文字，只显示百分比
7. mChart.setDrawHoleEnabled(true);
8. mChart.setHoleColorTransparent(true);
9. mChart.setTransparentCircleColor(getResources().getColor(R.color.buttombar_bg));
10. mChart.setTransparentCircleAlpha(110);
11. mChart.setOnChartValueSelectedListener(this);
12. mChart.setHoleRadius(45f); //半径
13. //mChart.setHoleRadius(0)  //实心圆
14. mChart.setTransparentCircleRadius(48f);// 半透明圈
15. mChart.setDrawCenterText(true);//饼状图中间可以添加文字
16. // 如果没有数据的时候，会显示这个，类似ListView的EmptyView
17. mChart.setNoDataText(getResources().getString(R.string.no_data));
18. mChart.setUsePercentValues(true);//设置显示成比例
19. SimpleDateFormat format = new SimpleDateFormat("yyyy");
20. String year = format.format(since_at*1000);
21. mChart.setCenterText(generateCenterSpannableText(year));
22. mChart.setRotationAngle(0); // 初始旋转角度
23. // enable rotation of the chart by touch
24. mChart.setRotationEnabled(true); // 可以手动旋转
25. mChart.setHighlightPerTapEnabled(true);
26. mChart.animateY(1000, Easing.EasingOption.EaseInOutQuad); //设置动画
27. Legend mLegend = mChart.getLegend();  //设置比例图
28. mLegend.setPosition(Legend.LegendPosition.BELOW_CHART_LEFT);  //左下边显示
29. mLegend.setFormSize(12f);//比例块字体大小
30. mLegend.setXEntrySpace(2f);//设置距离饼图的距离，防止与饼图重合
31. mLegend.setYEntrySpace(2f);
32. //设置比例块换行...
33. mLegend.setWordWrapEnabled(true);
34. mLegend.setDirection(Legend.LegendDirection.LEFT_TO_RIGHT);
35. mLegend.setTextColor(getResources().getColor(R.color.alpha_80));
36. mLegend.setForm(Legend.LegendForm.SQUARE);//设置比例块形状，默认为方块
37. //        mLegend.setEnabled(false);//设置禁用比例块
38. }

2、设置饼图数据

[java] view plain copy

1. /**
2. * 设置饼图的数据
3. * @param names 饼图上显示的比例名称
4. * @param counts 百分比
5. */
6. private void setData(ArrayList<String> names,ArrayList<Entry> counts) {
7. PieDataSet dataSet = new PieDataSet(counts, "");
8. dataSet.setSliceSpace(2f);
9. dataSet.setSelectionShift(5f);
10. ArrayList<Integer> colors = new ArrayList<Integer>();
11. for (int c : ColorTemplate.JOYFUL_COLORS)
12. colors.add(c);
13. //
14. for (int c : ColorTemplate.COLORFUL_COLORS)
15. colors.add(c);
16. for (int c : ColorTemplate.LIBERTY_COLORS)
17. colors.add(c);
18. //        for (int c : ColorTemplate.PASTEL_COLORS)
19. //            colors.add(c);
20. colors.add(ColorTemplate.getHoloBlue());
21. //        colors.add(getResources().getColor(R.color.stastic_team));
22. dataSet.setColors(colors);
23. //dataSet.setSelectionShift(0f);
24. PieData data = new PieData(names, dataSet);
25. data.setValueFormatter(new PercentFormatter());
26. data.setValueTextSize(12f);
27. data.setValueTextColor(getResources().getColor(R.color.whrite));
28. mChart.setData(data);
29. // undo all highlights
30. mChart.highlightValues(null);
31. mChart.invalidate();
32. }

在这个过程中遇到几个问题：

1、底部的比例块显示只有一行，如果数据较多的话，会超出屏幕外边，所以需要换行显示比例块，设置如下：

[java] view plain copy

1. //设置比例块换行...
2. mLegend.setWordWrapEnabled(true);

[java] view plain copy

1. 同时需要把比例块放到下边或者放到上边  <span style="font-family: Arial, Helvetica, sans-serif;"> mLegend.setPosition(Legend.LegendPosition.BELOW_CHART_LEFT);  //左下边显示</span>

2、饼图上怎么只显示百分比，查了好多资料没有看有人提到这个，最后在stackoverflow上找到答案。

http://stackoverflow.com/questions/31154706/mpandroidchart-piechart-remove-percents

pieChart.setDrawSliceText(false)

3、如果比例块放在左边或者右边，如果字体太长，会和饼图叠加在一起，做以下处理可以防止叠加。

[java] view plain copy

1. mLegend.setXEntrySpace(2f);//设置距离饼图的距离，防止与饼图重合
2. mLegend.setYEntrySpace(2f);