Android第三方开源:统计图表MPAndroidChart

来源:互联网 发布:php登录流程解析 编辑:程序博客网 时间:2024/05/22 14:19
MPAndroidChart是在Android平台上开源的第三方统计图表库,可以绘制样式复杂、丰富的各种统计图表,如一般常见的折线图、饼状图、柱状图、散点图、金融股票中使用的的“蜡烛”图、“泡泡”统计图、雷达状统计饼状图等等。简言之,AndroidMPChart基本上可以满足日常在Android平台上的统计图表开发需要。
AndroidMPChart在github上的项目主页: https://github.com/PhilJay/MPAndroidChart 

在自己的项目的libs中,导入其发布的jar包即可使用MPAndroidChart。MPAndroidChart发布的jar包页面在:https://github.com/PhilJay/MPAndroidChart/releases 


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;import android.view.Menu;import android.view.MenuItem;public class MainActivity extends Activity {@Overrideprotected 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 chart, LineData mLineData, int color) {// 是否在折线图上添加边框chart.setDrawBorders(false);// 数据描述chart.setDescription("描述@Kelvin");// 如果没有数据的时候,会显示这个,类似listview的emtpyviewchart.setNoDataTextDescription("如果传给MPAndroidChart的数据为空,那么你将看到这段文字。@Kelvin");// 是否绘制背景颜色。// 如果mLineChart.setDrawGridBackground(false),// 那么mLineChart.setGridBackgroundColor(Color.CYAN)将失效;chart.setDrawGridBackground(false);chart.setGridBackgroundColor(Color.CYAN);// 触摸chart.setTouchEnabled(true);// 拖拽chart.setDragEnabled(true);// 缩放chart.setScaleEnabled(true);chart.setPinchZoom(false);// 设置背景chart.setBackgroundColor(color);// 设置x,y轴的数据chart.setData(mLineData);// 设置比例图标示,就是那个一组y的value的Legend mLegend = chart.getLegend();mLegend.setPosition(LegendPosition.BELOW_CHART_CENTER);mLegend.setForm(LegendForm.CIRCLE);// 样式mLegend.setFormSize(15.0f);// 字体mLegend.setTextColor(Color.BLUE);// 颜色// 沿x轴动画,时间2000毫秒。chart.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() * 100);Entry entry = new Entry(val, i);y.add(entry);}// y轴数据集LineDataSet mLineDataSet = new LineDataSet(y, "测试数据集————by Kelvin");// 用y轴的集合来设置参数// 线宽mLineDataSet.setLineWidth(3.0f);// 显示的圆形大小mLineDataSet.setCircleSize(5.0f);// 折线的颜色mLineDataSet.setColor(Color.GREEN);// 圆球的颜色mLineDataSet.setCircleColor(Color.RED);// 设置mLineDataSet.setDrawHighlightIndicators(false)后,// Highlight的十字交叉的纵横线将不会显示,// 同时,mLineDataSet.setHighLightColor(Color.CYAN)失效。mLineDataSet.setDrawHighlightIndicators(true);// 按击后,十字交叉线的颜色mLineDataSet.setHighLightColor(Color.RED);// 设置这项上显示的数据点的字体大小。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() {@Overridepublic String getFormattedValue(float value, Entry entry, int dataSetIndex,ViewPortHandler viewPortHandler) {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 :

<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"    android:paddingBottom="@dimen/activity_vertical_margin"    android:paddingLeft="@dimen/activity_horizontal_margin"    android:paddingRight="@dimen/activity_horizontal_margin"    android:paddingTop="@dimen/activity_vertical_margin"    tools:context="com.example.mpandroidchart.MainActivity" >   <com.github.mikephil.charting.charts.LineChart       android:id="@+id/chart"       android:layout_width="match_parent"       android:layout_height="match_parent">          </com.github.mikephil.charting.charts.LineChart></RelativeLayout>

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

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


0 0