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.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;@Overrideprotected 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.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 touchpieChart.setRotationEnabled(true); // 可以手动旋转// display percentage valuespieChart.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.setForm(LegendForm.LINE); //设置比例图的形状,默认是方形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其他类型的图表。

积极的人在每一次忧患中都看到一个机会,

MPAndroidChart开源图表库(一)之饼状图

相关文章:

你感兴趣的文章:

标签云: