在Android上使用HelloCharts画一个折线图

HelloCharts是一个非常受欢迎的Android上绘制图表的库。

这里,使用其绘制一个简单的折线图,以简略说明其使用方法。

首先,新建一个Android项目。

下载HelloCharts的jar文件,并且作为库添加到项目中。方法是将其jar文件放入项目目录中的app/libs中,在AndroidStudio中,在文件上点击右键,将其作为库添加到项目中。

现在,可以开始使用HelloCharts了。

在布局文件中放入LineChartView布局:

<lecho.lib.hellocharts.view.LineChartView
        android:id="@+id/chart"
        android:layout_width="match_parent"
        android:layout_height="match_parent" >
</lecho.lib.hellocharts.view.LineChartView>

之后,在Activity中声明一个LineChartView对象:

private LineChartView mChart;

第1步,创建一些“点”:

ArrayList<PointValue> values = new ArrayList<PointValue>();
values.add(new PointValue(1.0f, 2.0f));
values.add(new PointValue(2.0f, 2.5f));
values.add(new PointValue(3.0f, 3.0f));

第2步,创建一条“线”,并且把“点”放到“线”中,并设置线的格式:

Line line = new Line(values);
line.setColor(ChartUtils.COLOR_BLUE);
line.setShape(ValueShape.CIRCLE);
line.setHasPoints(true);
line.setHasLabels(true);

第3步,创建“线”的集合:

ArrayList<Line> lines = new ArrayList<Line>();
lines.add(line);

第4步,创建“数据”,把“线”的集合放入“数据”中:

LineChartData data = new LineChartData(lines);

第5步,创建”轴”:

Axis axisX = new Axis();
Axis axisY = new Axis();
axisX.setName("X");
axisY.setName("Y");
data.setAxisXBottom(axisX);
data.setAxisYLeft(axisY);

最后,实例化图表对象并且为其设置数据:

mChart = (LineChartView) findViewById(R.id.chart);
mChart.setZoomEnabled(true);
mChart.setLineChartData(data);

运行程序,截图如下:

折线图截图

发表评论

电子邮件地址不会被公开。 必填项已用*标注