Android统计图表MPAndroidChart
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 @Override 130 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 }
xml文件：
1 <LinearLayout 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 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.LineChart 16 android:id="@+id/linechart" 17 android:layout_width="match_parent" 18 android:layout_height="match_parent" /> 19 20 </LinearLayout>
运行效果图：