MPAndroidChart 时Android软件中常用的开源图表库。利用它可以绘制各类统计图表,包括线型图、饼图、柱状图等。
它的github地址是:https://github.com/PhilJay/MPAndroidChart
在项目中有用到线型图用于实时显示曲线。现对其的使用过程进行总结。
在使用MPAndroidChart的线型图时,使用到的控件:
<com.github.mikephil.charting.charts.LineChart
android:id="@+id/chart_test_temperature"
android:layout_width="match_parent"
android:layout_height="match_parent"/>
使用到的类主要有LineChart、XAxis、YAxis、LineDataSet、LineData。
关于MPAndroidChart的线型图的使用过程,我将其分为以下几个步骤:
线型图的整体设置主要是设置图标的一些特性,包括:背景、缩放、拖拽等特性。
首先先获取一个LineChart对象:
LineChart lineChart=(LineChart) activity.findViewById(R.id.chart_test_result);
然后对该对象进行设置,包括(不仅限于)以下几个特性:
private void chartStyleSettings(LineChart lineChart) {
lineChart.setTouchEnabled(true);
lineChart.setDragEnabled(true);// 可拖曳
lineChart.setScaleEnabled(true);// 可缩放
lineChart.setPinchZoom(true);
lineChart.setBackgroundColor(backgroundColor);// 设置图表的背景颜色
lineChart.setDrawGridBackground(false);
lineChart.setNoDataText("");//没有数据时显示的文字
lineChart.setNoDataTextDescription("");
lineChart.getLegend().setEnabled(false);//取消图例
lineChart.setDescription("");//取消描述
}
在MPAndroidChart的线型图中,有三个坐标轴,分别是X轴,Y左轴,Y右轴。分别对其进行设置,包括字体大小、是否显示灯,如下:
XAxis xAxis;
YAxis yAxisLeft;
YAxis yAxisRight;
xAxis=lineChart.getXAxis();//获取X轴对象
yAxisLeft=lineChart.getAxisLeft();//获取左侧Y轴对象
yAxisRight=lineChart.getAxisRight();//获取右侧Y轴对象
xAxis.setTextSize(16f);
xAxis.setPosition(XAxisPosition.BOTTOM);//设置坐标位置,默认为在上端
yAxisLeft.setTextSize(16f);//设置字体大小
yAxisRight.setEnabled(false);//隐藏
在MPAndroidChart中,与线型图数据相关的类有LineDataSet和LineData。
在使用过程中,我将这两个类理解为:
在MPAndroidChart的线型图中,其横坐标表示的是一个List
而每个点的纵坐标采用List
横纵坐标是通过List中的元素位置一一对应的。
对每条曲线的设置(粗细、颜色、样式等)是通过曲线的LineDataSet对象实现的,常用的设置如下:
ArrayList<Entry> entries = new ArrayList<Entry>();
LineDataSet lineDataSet = new LineDataSet(entries, "a");
//设置线条颜色
lineDataSet.setColor(Color.RED);
//设置坐标点颜色
lineDataSet.setCircleColor(Color.RED);
//设置线宽
lineDataSet.setLineWidth(3f);
//设置是否显示坐标点
lineDataSet.setDrawCircles(false);
//设置线型(曲线拟合true或折线false)
lineDataSet.setDrawCubic(true);
//设置曲线值的圆点是实心还是空心
lineDataSet.setDrawCircleHole(false);
lineDataSet.setValueTextSize(10f);
//设置折线图填充
lineDataSet.setDrawFilled(false);
//不显示数字
lineDataSet.setDrawValues(false);
当设置好上面的几项后,即可将线型图显示出来:
LineData lineData=lineChart.getLineData();
if(lineData == null) {
lineChart.setData(new LineData(xValue, lineDataSet));//xValue为横坐标List,lineDataSet为1.3和1.4所说的某条曲线
}
else {
lineChartLineData.addDataSet(lineDataSet);//对于已经存在的线型图,使用该方法进行曲线添加
}
如果要动态更新曲线,可以使用以下方法添加数据:
Entry entry = new Entry(newData, lineDataSet.getEntryCount());//第一个参数为添加的数据,float型;第二个参数时添加的位置,该写法表示添加到末尾
lineChart.getData().addEntry(entry, 0);//第二个参数表示将新的entry添加到的指定的曲线
//更新曲线
lineChart.notifyDataSetChanged();
lineChart.invalidate();
通过以上过程即可完成线型图的绘制。