Android统计图表MPAndroidChart.

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中即可使用。如图：

代码如下：

package com.lixu.zhexian;

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.components.XAxis.XAxisPosition;
import com.github.mikephil.charting.components.XAxis;
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;
import android.view.Window;

public class MainActivity extends Activity {

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE);
        setContentView(R.layout.activity_main);

        LineChart mlinechart = (LineChart) findViewById(R.id.linechart);

        LineData mLineData = LineData(30);
        // 将x轴放到底部 默认在顶部
        XAxis mXAxis = mlinechart.getXAxis();
        mXAxis.setPosition(XAxisPosition.BOTTOM);

        setChartStyle(mlinechart, mLineData);
    }

    // 设置显示样式
    private void setChartStyle(LineChart mlinechart, LineData mLineData) {
        // 是否在折线上添加边框
        mlinechart.setDrawBorders(false);
        // 数据描述
        mlinechart.setDescription("温度记录数据");
        // 如果没有数据的时候，会显示这个，类似listview的emtpyview
        mlinechart.setNoDataTextDescription("如果传给MPAndroidChart的数据为空，那么你将看到这段文字。");
        // 是否绘制背景颜色。
        // 如果mLineChart.setDrawGridBackground(false)，
        // 那么mLineChart.setGridBackgroundColor()将失效;
        mlinechart.setDrawGridBackground(true);
        // 折线图的背景
        mlinechart.setGridBackgroundColor(Color.CYAN);
        // 设置触摸
        mlinechart.setTouchEnabled(true);
        // 设置拖拽
        mlinechart.setDragEnabled(true);
        // 设置缩放
        mlinechart.setScaleEnabled(true);
        mlinechart.setPinchZoom(false);
        // x y 轴的背景
        mlinechart.setBackgroundColor(Color.YELLOW);
        // 设置x y轴的数据
        mlinechart.setData(mLineData);
        // 设置比例图标，就是那一组y的value的
        Legend mLegend = mlinechart.getLegend();
        mLegend.setPosition(LegendPosition.BELOW_CHART_CENTER);
        // 样式
        mLegend.setForm(LegendForm.LINE);
        // 字体
        mLegend.setFormSize(20.0f);
        // 下方字体颜色
        mLegend.setTextColor(Color.BLUE);
        // 设置x轴的动画
        mlinechart.animateX(15000);

    }

    private LineData LineData(int count) {
        ArrayList<String> x = new ArrayList<String>();
        // x轴的数据
        for (int i = 0; i < count; i++) {
            x.add("第" + i + "天");
        }
        // y轴的数据
        ArrayList<Entry> y = new ArrayList<Entry>();
        for (int i = 0; i < count; i++) {
            float f = (float) (Math.random() * 100);
            Entry entry = new Entry(f, i);
            y.add(entry);
        }
        // y轴的数据集
        LineDataSet set = new LineDataSet(y, "数据集 --木子");
        // 用y轴的集合来设置参数
        // 线宽
        set.setLineWidth(3.0f);
        // 显示圆形大小
        set.setCircleSize(5.0f);
        // 折线的颜色
        set.setColor(Color.BLACK);
        // 圆球颜色
        set.setCircleColor(Color.RED);
        // 设置mLineDataSet.setDrawHighlightIndicators(false)后，
        // Highlight的十字交叉的纵横线将不会显示，
        // 同时，mLineDataSet.setHighLightColor()失效。

        set.setDrawHighlightIndicators(true);
        // 点击后，十字交叉线的颜色
        set.setHighLightColor(Color.BLUE);
        // 设置显示数据点字体大小
        set.setValueTextSize(10.0f);
        // mLineDataSet.setDrawCircleHole(true);

        // 改变折线样式，用曲线。
        set.setDrawCubic(true);
        // 默认是直线
        // 曲线的平滑度，值越大越平滑。
        set.setCubicIntensity(0.2f);

        // 填充曲线下方的区域，红色，半透明。
        set.setDrawFilled(true);
        // 数值越小 透明度越大
        set.setFillAlpha(150);
        set.setFillColor(Color.RED);

        // 填充折线上数据点、圆球里面包裹的中心空白处的颜色。
        set.setCircleColorHole(Color.YELLOW);
        // 设置折线上显示数据的格式。如果不设置，将默认显示float数据格式。
        set.setValueFormatter(new ValueFormatter() {

            @Override
            public String getFormattedValue(float value, Entry entry, int dataSetIndex,
                    ViewPortHandler viewPortHandler) {
                int n = (int) value;
                String str = n + "℃";
                return str;
            }
        });
        ArrayList<LineDataSet> mLineDataSets = new ArrayList<LineDataSet>();
        mLineDataSets.add(set);

        LineData mLineData = new LineData(x, mLineDataSets);
        return mLineData;

    }
}

xml文件：

<LinearLayout 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"
    android:orientation="vertical" >

    <TextView
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:gravity="center"
        android:textSize="30sp"
        android:text="每日温度记录曲线图"
        android:textColor="#ff0000" />

    <com.github.mikephil.charting.charts.LineChart
        android:id="@+id/linechart"
        android:layout_width="match_parent"
        android:layout_height="match_parent" />

</LinearLayout>

运行效果图：