MPAndroidChart開源圖表庫（一）之餅狀圖

標籤：mpandroidchart

MPAndroidChart是一款基於Android的開源圖表庫，MPAndroidChart不僅可以在Android裝置上繪製各種統計圖表，而且可以對圖表進行拖動和縮放操作，應用起來非常靈活。MPAndroidChart同樣擁有常用的圖表類型：線型圖、餅圖、柱狀圖和散佈圖。

GitHub地址：

https://github.com/PhilJay/MPAndroidChart

下面主要實現以下餅狀圖：

1.從上面的地址中下載最新mpandroidchartlibrary-2-0-8.jar包， 然後copy到項目的libs中

2. 定義xml檔案

3.  主要Java邏輯代碼如下，注釋已經都添加上了。

package com.jackie.mpandroidchart;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;@Overrideprotected void onCreate(Bundle savedInstanceState) {super.onCreate(savedInstanceState);setContentView(R.layout.activity_main);mChart = (PieChart) findViewById(R.id.spread_pie_chart);showChart();}private void showChart() {mChart.setHoleColorTransparent(true);mChart.setHoleRadius(60f);  //半徑mChart.setTransparentCircleRadius(64f); // 半透明圈mChart.setDescription("測試餅狀圖");// mChart.setDrawYValues(true);mChart.setDrawCenterText(true);  //餅狀圖中間可以添加文字mChart.setDrawHoleEnabled(true);mChart.setRotationAngle(90); // 初始旋轉角度// draws the corresponding description value into the slice// mChart.setDrawXValues(true);// enable rotation of the chart by touchmChart.setRotationEnabled(true); // 可以手動旋轉// display percentage valuesmChart.setUsePercentValues(true);  //顯示成百分比// mChart.setUnit(" €");// mChart.setDrawUnitsInChart(true);// add a selection listener//mChart.setOnChartValueSelectedListener(this);// mChart.setTouchEnabled(false);//mChart.setOnAnimationListener(this);mChart.setCenterText("Quarterly Revenue");  //餅狀圖中間的文字//為餅狀圖填充資料setData(4, 100); mChart.animateXY(1000, 1000);  //設定動畫// mChart.spin(2000, 0, 360);Legend mLegend = mChart.getLegend();  //設定比例圖mLegend.setPosition(LegendPosition.RIGHT_OF_CHART);  //最右邊顯示//mLegend.setForm(LegendForm.LINE);  //設定比例圖的形狀，預設是方形mLegend.setXEntrySpace(7f);mLegend.setYEntrySpace(5f);}/** *  * @param count 分成幾部分 * @param range */private void setData(int count, float range) {ArrayList<Entry> yVals1 = new ArrayList<Entry>();  //yVals用來表示封裝每個餅塊的實際資料// 餅圖資料/** * 將一個餅形圖分成四部分， 四部分的數值比例為14:14:34:38 * 所以 14代表的百分比就是14%  */float quarterley1 = 14;float quarterley2 = 14;float quarterley3 = 34;float quarterley4 = 38;yVals1.add(new Entry(quarterley1, 0));yVals1.add(new Entry(quarterley2, 1));yVals1.add(new Entry(quarterley3, 2));yVals1.add(new Entry(quarterley4, 3));ArrayList<String> xVals = new ArrayList<String>();  //xVals用來表示每個餅塊上的內容for (int i = 1; i <= count; i++)xVals.add("Quarterly" + i);   //餅塊上顯示成Quarterly1, Quarterly2, Quarterly3, Quarterly4PieDataSet mPieDataSet = new PieDataSet(yVals1, "Quarterly Revenue 2014"/*顯示在比例圖上*/);mPieDataSet.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));mPieDataSet.setColors(colors);DisplayMetrics metrics = getResources().getDisplayMetrics();float px = 5 * (metrics.densityDpi / 160f);mPieDataSet.setSelectionShift(px); // 選中態多出的長度PieData mPieData = new PieData(xVals, mPieDataSet);mChart.setData(mPieData);// undo all highlightsmChart.highlightValues(null);mChart.invalidate();}}

如下：

MPAndroidChart開源圖表庫（一）之餅狀圖