MPAndroidChart开源图表实现饼状图

MPAndroidChart是一款基于Android的开源图表库,MPAndroidChart不仅可以在Android设备上绘制各种统计图表,而且可以对图表进行拖动和缩放操作,应用起来非常灵活。MPAndroidChart同样拥有常用的图表类型:线型图、饼图、柱状图和散点图。
GitHub地址:
https://github.com/PhilJay/MPAndroidChart
下面主要实现以下饼状图:
1.从上面的地址中下载最新mpandroidchartlibrary-2-0-8.jar包, 然后copy到项目的libs中
2.定义xml文件

3.主要Java逻辑代码如下,注释已经都添加上了。
[java] view plain copy 在CODE上查看代码片派生到我的代码片
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.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其他类型的图表。

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值