你的位置:首页 > 操作系统

[操作系统]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中即可使用。如图:

 

代码如下:

 1 package com.lixu.zhexian; 2  3 import java.util.ArrayList; 4 import com.github.mikephil.charting.charts.LineChart; 5 import com.github.mikephil.charting.components.Legend; 6 import com.github.mikephil.charting.components.Legend.LegendForm; 7 import com.github.mikephil.charting.components.Legend.LegendPosition; 8 import com.github.mikephil.charting.components.XAxis.XAxisPosition; 9 import com.github.mikephil.charting.components.XAxis; 10 import com.github.mikephil.charting.data.Entry; 11 import com.github.mikephil.charting.data.LineData; 12 import com.github.mikephil.charting.data.LineDataSet; 13 import com.github.mikephil.charting.formatter.ValueFormatter; 14 import com.github.mikephil.charting.utils.ViewPortHandler; 15 import android.app.Activity; 16 import android.graphics.Color; 17 import android.os.Bundle; 18 import android.view.Window; 19  20 public class MainActivity extends Activity { 21  22   @Override 23   protected void onCreate(Bundle savedInstanceState) { 24     super.onCreate(savedInstanceState); 25     requestWindowFeature(Window.FEATURE_NO_TITLE); 26     setContentView(R.layout.activity_main); 27  28     LineChart mlinechart = (LineChart) findViewById(R.id.linechart); 29  30     LineData mLineData = LineData(30); 31     // 将x轴放到底部 默认在顶部 32     XAxis mXAxis = mlinechart.getXAxis(); 33     mXAxis.setPosition(XAxisPosition.BOTTOM); 34  35     setChartStyle(mlinechart, mLineData); 36   } 37  38   // 设置显示样式 39   private void setChartStyle(LineChart mlinechart, LineData mLineData) { 40     // 是否在折线上添加边框 41     mlinechart.setDrawBorders(false); 42     // 数据描述 43     mlinechart.setDescription("温度记录数据"); 44     // 如果没有数据的时候,会显示这个,类似listview的emtpyview 45     mlinechart.setNoDataTextDescription("如果传给MPAndroidChart的数据为空,那么你将看到这段文字。"); 46     // 是否绘制背景颜色。 47     // 如果mLineChart.setDrawGridBackground(false), 48     // 那么mLineChart.setGridBackgroundColor()将失效; 49     mlinechart.setDrawGridBackground(true); 50     // 折线图的背景 51     mlinechart.setGridBackgroundColor(Color.CYAN); 52     // 设置触摸 53     mlinechart.setTouchEnabled(true); 54     // 设置拖拽 55     mlinechart.setDragEnabled(true); 56     // 设置缩放 57     mlinechart.setScaleEnabled(true); 58     mlinechart.setPinchZoom(false); 59     // x y 轴的背景 60     mlinechart.setBackgroundColor(Color.YELLOW); 61     // 设置x y轴的数据 62     mlinechart.setData(mLineData); 63     // 设置比例图标,就是那一组y的value的 64     Legend mLegend = mlinechart.getLegend(); 65     mLegend.setPosition(LegendPosition.BELOW_CHART_CENTER); 66     // 样式 67     mLegend.setForm(LegendForm.LINE); 68     // 字体 69     mLegend.setFormSize(20.0f); 70     // 下方字体颜色 71     mLegend.setTextColor(Color.BLUE); 72     // 设置x轴的动画 73     mlinechart.animateX(15000); 74  75   } 76  77   private LineData LineData(int count) { 78     ArrayList<String> x = new ArrayList<String>(); 79     // x轴的数据 80     for (int i = 0; i < count; i++) { 81       x.add("第" + i + "天"); 82     } 83     // y轴的数据 84     ArrayList<Entry> y = new ArrayList<Entry>(); 85     for (int i = 0; i < count; i++) { 86       float f = (float) (Math.random() * 100); 87       Entry entry = new Entry(f, i); 88       y.add(entry); 89     } 90     // y轴的数据集 91     LineDataSet set = new LineDataSet(y, "数据集 --木子"); 92     // 用y轴的集合来设置参数 93     // 线宽 94     set.setLineWidth(3.0f); 95     // 显示圆形大小 96     set.setCircleSize(5.0f); 97     // 折线的颜色 98     set.setColor(Color.BLACK); 99     // 圆球颜色100     set.setCircleColor(Color.RED);101     // 设置mLineDataSet.setDrawHighlightIndicators(false)后,102     // Highlight的十字交叉的纵横线将不会显示,103     // 同时,mLineDataSet.setHighLightColor()失效。104 105     set.setDrawHighlightIndicators(true);106     // 点击后,十字交叉线的颜色107     set.setHighLightColor(Color.BLUE);108     // 设置显示数据点字体大小109     set.setValueTextSize(10.0f);110     // mLineDataSet.setDrawCircleHole(true);111 112     // 改变折线样式,用曲线。113     set.setDrawCubic(true);114     // 默认是直线115     // 曲线的平滑度,值越大越平滑。116     set.setCubicIntensity(0.2f);117 118     // 填充曲线下方的区域,红色,半透明。119     set.setDrawFilled(true);120     // 数值越小 透明度越大121     set.setFillAlpha(150);122     set.setFillColor(Color.RED);123 124     // 填充折线上数据点、圆球里面包裹的中心空白处的颜色。125     set.setCircleColorHole(Color.YELLOW);126     // 设置折线上显示数据的格式。如果不设置,将默认显示float数据格式。127     set.setValueFormatter(new ValueFormatter() {128 129       @Override130       public String getFormattedValue(float value, Entry entry, int dataSetIndex,131           ViewPortHandler viewPortHandler) {132         int n = (int) value;133         String str = n + "℃";134         return str;135       }136     });137     ArrayList<LineDataSet> mLineDataSets = new ArrayList<LineDataSet>();138     mLineDataSets.add(set);139 140     LineData mLineData = new LineData(x, mLineDataSets);141     return mLineData;142 143   }144 }

 1 <LinearLayout ="http://schemas.android.com/apk/res/android" 2   ="http://schemas.android.com/tools" 3   android:layout_width="match_parent" 4   android:layout_height="match_parent" 5   android:orientation="vertical" > 6  7   <TextView 8     android:layout_width="match_parent" 9     android:layout_height="wrap_content"10     android:gravity="center"11     android:textSize="30sp"12     android:text="每日温度记录曲线图"13     android:textColor="#ff0000" />14 15   <com.github.mikephil.charting.charts.LineChart16     android:id="@+id/linechart"17     android:layout_width="match_parent"18     android:layout_height="match_parent" />19 20 </LinearLayout>

运行效果图: