在自己的项目的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 { @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 chart, LineData mLineData, int color) { // 是否在折线图上添加边框 chart.setDrawBorders(false); // 数据描述 chart.setDescription("描述@Kelvin"); // 如果没有数据的时候,会显示这个,类似listview的emtpyview chart.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() { @Override public 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; } }
<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>
// 改变折线样式,用曲线。 // mLineDataSet.setDrawCubic(true); // 默认是直线 // 曲线的平滑度,值越大越平滑。 // mLineDataSet.setCubicIntensity(0.2f); // 填充曲线下方的区域,红色,半透明。 // mLineDataSet.setDrawFilled(true); // mLineDataSet.setFillAlpha(128); // mLineDataSet.setFillColor(Color.RED);