android 统计图表MPAndroidChart

android 统计图表MPAndroidChart

AndroidMPChart在github上的项目主页： https://github.com/PhilJay/MPAndroidChart 
在自己的项目的libs中，导入其发布的jar包即可使用MPAndroidChart。MPAndroidChart发布的jar包页面在：https://github.com/PhilJay/MPAndroidChart/releases 
AndroidMPChart使用方法：在上面的releases页面下载最新的jar包，复制到自己的项目libs中即可使用。如图：

现在，先做一个基础的AndroidMPChart折线图，折线图在平时的统计图表中应用最多，AndroidMPChart提供了丰富的功能给予支持。

效果图如下：

现给出实现上述统计图表的全部代码。

MainActivity.java的代码：

package com.example.mpandroidchart;

import java.util.ArrayList;

import com.github.mikephil.charting.charts.LineChart;
import com.github.mikephil.charting.components.Legend;
import com.github.mikephil.charting.components.Legend.LegendForm;
import com.github.mikephil.charting.components.Legend.LegendPosition;
import com.github.mikephil.charting.data.Entry;
import com.github.mikephil.charting.data.LineData;
import com.github.mikephil.charting.data.LineDataSet;
import com.github.mikephil.charting.formatter.ValueFormatter;
import com.github.mikephil.charting.utils.ViewPortHandler;

import android.app.Activity;
import android.graphics.Color;
import android.os.Bundle;

public class MainActivity extends Activity {

	@Override
	protected void onCreate(Bundle savedInstanceState) {
		super.onCreate(savedInstanceState);
		setContentView(R.layout.activity_main);
	
		LineChart chart = (LineChart) findViewById(R.id.chart);
		
		//制作7个数据点（沿X坐标）
		LineData mLineData = makeLineData(7);
		setChartStyle(chart,mLineData,Color.WHITE);
		
	}
	//设置chart显示的样式
	private void setChartStyle(LineChart mLineChart, LineData lineData, int color) {
		//是否在折线图上添加边框
		mLineChart.setDrawBorders(true);
		mLineChart.setDescription("描述@Rokends");
		
		//如果没有数据达到时候，会显示这个，类似listview的emtpyview
		mLineChart.setNoDataTextDescription("如果传给MPAndroidChart的数据为空，那么你将看见这段文字！");
		
		// 是否绘制背景颜色。  
        // 如果mLineChart.setDrawGridBackground(false)，  
        // 那么mLineChart.setGridBackgroundColor(Color.CYAN)将失效;  
        mLineChart.setDrawGridBackground(true);  
        mLineChart.setGridBackgroundColor(Color.CYAN); 
		
        //触摸
        mLineChart.setTouchEnabled(true);
        
        //拖拽
        mLineChart.setDragEnabled(true);
        
        //缩放
        mLineChart.setScaleEnabled(true);
        
        mLineChart.setPinchZoom(false);
        
        //设置背景
        mLineChart.setBackgroundColor(color);
        
        //设置x，y轴的数据
        mLineChart.setData(lineData);
        
        //设置比例图标示，就是那一个组y的value值
        Legend mLegend = mLineChart.getLegend();
        
        mLegend.setPosition(LegendPosition.BELOW_CHART_CENTER);
        mLegend.setForm(LegendForm.CIRCLE);//样式
        mLegend.setFormSize(15.0f);//字体
        mLegend.setTextColor(Color.BLACK);//颜色
        
        //沿X轴动画，时间2000毫秒
        mLineChart.animateX(2000); 
	}
	
	private LineData makeLineData(int count) {
		ArrayList<String> x = new ArrayList<String>();
		for(int i=0;i<count;i++){
			//x轴数据
			x.add("X="+i);
		}
		 // y轴的数据  
        ArrayList<Entry> y = new ArrayList<Entry>();  
        for (int i = 0; i < count; i++) {  
            float val = (float) (Math.random() * 50);  
            Entry entry = new Entry(val, i);  
            y.add(entry);  
        }
        
        //y轴数据集
        LineDataSet mLineDataSet = new LineDataSet(y,"测试数据集@Rokends");
        
        // 用y轴的集合来设置参数  
        // 线宽  
        mLineDataSet.setLineWidth(3.0f); 
        
        // 显示的圆形大小  
        mLineDataSet.setCircleSize(5.0f);
        
        // 折线的颜色  
        mLineDataSet.setColor(Color.RED);  
  
        // 圆球的颜色  
        mLineDataSet.setCircleColor(Color.YELLOW);
        
        // 设置mLineDataSet.setDrawHighlightIndicators(false)后，  
        // Highlight的十字交叉的纵横线将不会显示，  
        // 同时，mLineDataSet.setHighLightColor(Color.CYAN)失效。  
        mLineDataSet.setDrawHighlightIndicators(true);  
        
        // 按击后，十字交叉线的颜色  
        mLineDataSet.setHighLightColor(Color.CYAN);
        
        // 设置这项上显示的数据点的字体大小。  
        mLineDataSet.setValueTextSize(15.0f);  
        // mLineDataSet.setDrawCircleHole(true); 
        
       
        
        // 改变折线样式，用曲线。  
        // mLineDataSet.setDrawCubic(true);  
        // 默认是直线  
        // 曲线的平滑度，值越大越平滑。  
        // mLineDataSet.setCubicIntensity(0.2f);  
  
        // 填充曲线下方的区域，红色，半透明。  
        // mLineDataSet.setDrawFilled(true);  
        // mLineDataSet.setFillAlpha(128);  
        // mLineDataSet.setFillColor(Color.RED);  
  
        
        
        // 填充折线上数据点、圆球里面包裹的中心空白处的颜色。  
        mLineDataSet.setCircleColorHole(Color.BLACK);  
  
        // 设置折线上显示数据的格式。如果不设置，将默认显示float数据格式。 
        mLineDataSet.setValueFormatter(new ValueFormatter() {
			
			@Override
			public String getFormattedValue(float value, Entry entry, int dataSetIndex,
					ViewPortHandler viewPortHandler) {
				
				int j = (int) value;
				String s = "y="+j;
				return s;			
			}
		});  
        
        ArrayList<LineDataSet> mLineDataSets = new ArrayList<LineDataSet>();
        mLineDataSets.add(mLineDataSet);
        
        LineData mLineData = new LineData(x,mLineDataSets);
        
        return mLineData;
	}	
}

MainActivity.java需要的activity_main.xml :

[html]  view plain copy

1. <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"  
2.     xmlns:tools="http://schemas.android.com/tools"  
3.     android:layout_width="match_parent"  
4.     android:layout_height="match_parent" >  
5.   
6.     <com.github.mikephil.charting.charts.LineChart  
7.         android:id="@+id/chart"  
8.         android:layout_width="match_parent"  
9.         android:layout_height="match_parent" />  
10.       
11. </RelativeLayout>  

MPAndroidChart提供了丰富的参数设计条件，可以设计样式丰富统计图表，比如在本例中，如果把注释掉的这段代码重新启用：

[java]  view plain copy

1. // 改变折线样式，用曲线。  
2.         // mLineDataSet.setDrawCubic(true);  
3.         // 默认是直线  
4.         // 曲线的平滑度，值越大越平滑。  
5.         // mLineDataSet.setCubicIntensity(0.2f);  
6.   
7.         // 填充曲线下方的区域，红色，半透明。  
8.         // mLineDataSet.setDrawFilled(true);  
9.         // mLineDataSet.setFillAlpha(128);  
10.         // mLineDataSet.setFillColor(Color.RED);  

那么折线图的样式就变成这样：