转载请注明出处：http:blog.csdn.netzhangphil

转载请注明出处：http://blog.csdn.net/zhangphil



Android统计图表MPAndroidChart

MPAndroidChart是在Android平台上开源的第三方统计图表库，可以绘制样式复杂、丰富的各种统计图表，如一般常见的折线图、饼状图、柱状图、散点图、金融股票中使用的的“蜡烛”图、“泡泡”统计图、雷达状统计饼状图等等。简言之，AndroidMPChart基本上可以满足日常在Android平台上的统计图表开发需要。 AndroidMPChart在github上的项目主页： https://github.com/PhilJay/MPAndroidChart  在自己的项目的libs中，导入其发布的jar包即可使用MPAndroidChart。MPAndroidChart发布的jar包页面在：https://github.com/PhilJay/MPAndroidChart/releases  AndroidMPChart使用方法：在上面的releases页面下载最新的jar包，复制到自己的项目libs中即可使用。如图：

注：写作本文是基于MPAndroidChart的版本：mpandroidchartlibrary-2-1-3.jar

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

效果图如下：

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

MainActivity.Java的代码：

[java]  view plain  copy package zhangphil.linechart;      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.utils.ValueFormatter;      import android.support.v7.app.ActionBarActivity;   import android.graphics.Color;   import android.os.Bundle;      public class MainActivity extends ActionBarActivity {          @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(false);              mLineChart.setDescription("描述@ZhangPhil");// 数据描述              // 如果没有数据的时候，会显示这个，类似listview的emtpyview           mLineChart                   .setNoDataTextDescription("如果传给MPAndroidChart的数据为空，那么你将看到这段文字。@Zhang Phil");              // 是否绘制背景颜色。           // 如果mLineChart.setDrawGridBackground(false)，           // 那么mLineChart.setGridBackgroundColor(Color.CYAN)将失效;           mLineChart.setDrawGridBackground(false);           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.BLUE);// 颜色              // 沿x轴动画，时间2000毫秒。           mLineChart.animateX(2000);       }          /**       * @param count       *            数据点的数量。       * @return       */       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() * 100);               Entry entry = new Entry(val, i);               y.add(entry);           }              // y轴数据集           LineDataSet mLineDataSet = new LineDataSet(y, "测试数据集。by ZhangPhil");              // 用y轴的集合来设置参数           // 线宽           mLineDataSet.setLineWidth(3.0f);              // 显示的圆形大小           mLineDataSet.setCircleSize(5.0f);              // 折线的颜色           mLineDataSet.setColor(Color.DKGRAY);              // 圆球的颜色           mLineDataSet.setCircleColor(Color.GREEN);              // 设置mLineDataSet.setDrawHighlightIndicators(false)后，           // Highlight的十字交叉的纵横线将不会显示，           // 同时，mLineDataSet.setHighLightColor(Color.CYAN)失效。           mLineDataSet.setDrawHighlightIndicators(true);              // 按击后，十字交叉线的颜色           mLineDataSet.setHighLightColor(Color.CYAN);              // 设置这项上显示的数据点的字体大小。           mLineDataSet.setValueTextSize(10.0f);              // mLineDataSet.setDrawCircleHole(true);              // 改变折线样式，用曲线。           // mLineDataSet.setDrawCubic(true);           // 默认是直线           // 曲线的平滑度，值越大越平滑。           // mLineDataSet.setCubicIntensity(0.2f);              // 填充曲线下方的区域，红色，半透明。           // mLineDataSet.setDrawFilled(true);           // mLineDataSet.setFillAlpha(128);           // mLineDataSet.setFillColor(Color.RED);              // 填充折线上数据点、圆球里面包裹的中心空白处的颜色。           mLineDataSet.setCircleColorHole(Color.YELLOW);              // 设置折线上显示数据的格式。如果不设置，将默认显示float数据格式。           mLineDataSet.setValueFormatter(new ValueFormatter() {                  @Override               public String getFormattedValue(float value) {                   int n = (int) value;                   String s = "y:" + n;                   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 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"       xmlns:tools="http://schemas.android.com/tools"       android:layout_width="match_parent"       android:layout_height="match_parent" >          <com.github.mikephil.charting.charts.LineChart           android:id="@+id/chart"           android:layout_width="match_parent"           android:layout_height="match_parent" />          </RelativeLayout>  

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

[java]  view plain  copy // 改变折线样式，用曲线。           // mLineDataSet.setDrawCubic(true);           // 默认是直线           // 曲线的平滑度，值越大越平滑。           // mLineDataSet.setCubicIntensity(0.2f);              // 填充曲线下方的区域，红色，半透明。           // mLineDataSet.setDrawFilled(true);           // mLineDataSet.setFillAlpha(128);           // mLineDataSet.setFillColor(Color.RED);  

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