MPAndroidChart开源图表库（一）之饼状图

MPAndroidChart是一款基于Android的开源图表库，MPAndroidChart不仅可以在Android设备上绘制各种统计图表，而且可以对图表进行拖动和缩放操作，应用起来非常灵活。MPAndroidChart同样拥有常用的图表类型：线型图、饼图、柱状图和散点图。

GitHub地址：

https://github.com/PhilJay/MPAndroidChart

下面主要实现以下饼状图：

1.从上面的地址中下载最新mpandroidchartlibrary-2-0-8.jar包， 然后copy到项目的libs中

1. 定义xml文件

    <?xml version="1.0" encoding="utf-8"?>
   <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   xmlns:tools="http://schemas.android.com/tools"
   android:id="@+id/activity_main"
   android:layout_width="match_parent"
   android:layout_height="match_parent"
   >
   
   <com.github.mikephil.charting.charts.PieChart
       android:id="@+id/pie_chart"
       android:layout_width="match_parent"
       android:layout_height="320dip"
       android:layout_gravity="center_horizontal">
   
   </com.github.mikephil.charting.charts.PieChart>
   </LinearLayout>
   

2. 主要Java逻辑代码如下，注释已经都添加上了。

1. package com.jackie.mpandroidpiechart;    
   
   import java.util.ArrayList;    
   
   import com.github.mikephil.charting.charts.PieChart;    
   import com.github.mikephil.charting.components.Legend;    
   import com.github.mikephil.charting.components.Legend.LegendPosition;    
   import com.github.mikephil.charting.data.Entry;    
   import com.github.mikephil.charting.data.PieData;    
   import com.github.mikephil.charting.data.PieDataSet;    
   
   import android.support.v7.app.ActionBarActivity;    
   import android.graphics.Color;    
   import android.os.Bundle;    
   import android.util.DisplayMetrics;    
   
   public class MainActivity extends ActionBarActivity {    
   
   private PieChart mChart;    
   
   @Override    
   protected void onCreate(Bundle savedInstanceState) {    
       super.onCreate(savedInstanceState);    
       setContentView(R.layout.activity_main);    
   
       mChart = (PieChart) findViewById(R.id.spread_pie_chart);    
       PieData mPieData = getPieData(4, 100);    
       showChart(mChart, mPieData);    
   }    
   
   private void showChart(PieChart pieChart, PieData pieData) {    
       pieChart.setHoleColorTransparent(true);    
   
   pieChart.setHoleRadius(60f);  //半径    
   pieChart.setTransparentCircleRadius(64f); // 半透明圈    
   //pieChart.setHoleRadius(0)  //实心圆    
   
   pieChart.setDescription("测试饼状图");    
   
   // mChart.setDrawYValues(true);    
   pieChart.setDrawCenterText(true);  //饼状图中间可以添加文字    
   
   pieChart.setDrawHoleEnabled(true);    
   
   pieChart.setRotationAngle(90); // 初始旋转角度    
   
   // draws the corresponding description value into the slice    
   // mChart.setDrawXValues(true);    
   
   // enable rotation of the chart by touch    
   pieChart.setRotationEnabled(true); // 可以手动旋转    
   
   // display percentage values    
   pieChart.setUsePercentValues(true);  //显示成百分比    
   // mChart.setUnit(" €");    
   // mChart.setDrawUnitsInChart(true);    
   
   // add a selection listener    
   //      mChart.setOnChartValueSelectedListener(this);    
   // mChart.setTouchEnabled(false);    
   
   //      mChart.setOnAnimationListener(this);    
   
   pieChart.setCenterText("Quarterly Revenue");  //饼状图中间的文字    
   
   //设置数据    
   pieChart.setData(pieData);     
   
   // undo all highlights    
   //      pieChart.highlightValues(null);    
   //      pieChart.invalidate();    
   
   Legend mLegend = pieChart.getLegend();  //设置比例图    
   mLegend.setPosition(LegendPosition.RIGHT_OF_CHART);  //最右边显示    
   
   mLegend.setXEntrySpace(7f);    
   mLegend.setYEntrySpace(5f);    
   
   pieChart.animateXY(1000, 1000);  //设置动画    
   // mChart.spin(2000, 0, 360);    
    }    
   
       /**  
        *   
        * @param count 分成几部分  
        * @param range  
        */    
   private PieData getPieData(int count, float range) {    
   
   ArrayList<String> xValues = new ArrayList<String>();  //xVals用来表示每个饼块上的内容    
   
   for (int i = 0; i < count; i++) {    
       xValues.add("Quarterly" + (i + 1));  //饼块上显示成Quarterly1, Quarterly2, Quarterly3, Quarterly4    
   }    
   
   ArrayList<Entry> yValues = new ArrayList<Entry>();  //yVals用来表示封装每个饼块的实际数据    
   
   // 饼图数据    
   /**  
    * 将一个饼形图分成四部分， 四部分的数值比例为14:14:34:38  
    * 所以 14代表的百分比就是14%   
    */    
   float quarterly1 = 14;    
   float quarterly2 = 14;    
   float quarterly3 = 34;    
   float quarterly4 = 38;    
   
   yValues.add(new Entry(quarterly1, 0));    
   yValues.add(new Entry(quarterly2, 1));    
   yValues.add(new Entry(quarterly3, 2));    
   yValues.add(new Entry(quarterly4, 3));    
   
   //y轴的集合    
   PieDataSet pieDataSet = new PieDataSet(yValues, "Quarterly Revenue 2014"/*显示在比例图上*/);    
   pieDataSet.setSliceSpace(0f); //设置个饼状图之间的距离    
   
   ArrayList<Integer> colors = new ArrayList<Integer>();    
   
   // 饼图颜色    
   colors.add(Color.rgb(205, 205, 205));    
   colors.add(Color.rgb(114, 188, 223));    
   colors.add(Color.rgb(255, 123, 124));    
   colors.add(Color.rgb(57, 135, 200));    
   
   pieDataSet.setColors(colors);    
   
   DisplayMetrics metrics = getResources().getDisplayMetrics();    
   float px = 5 * (metrics.densityDpi / 160f);    
   pieDataSet.setSelectionShift(px); // 选中态多出的长度    
   
   PieData pieData = new PieData(xValues, pieDataSet);    
   
   return pieData;    
       }    
   }   
   

   效果图如下：

主要是一些基本属性和API的调用，具体每个API都有什么样的效果和作用，只能靠自己去尝试。后面还会陆陆续续为大家介绍MPAndroidChart其他类型的图表。