前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >在Android上使用HelloCharts画一个折线图

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

作者头像
mwangblog
发布2018-07-04 11:28:53
1.4K0
发布2018-07-04 11:28:53
举报
文章被收录于专栏:mwangblogmwangblog

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

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

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

首先,新建一个Android项目。

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

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

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

代码语言:javascript
复制
<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对象:

代码语言:javascript
复制
private LineChartView mChart;

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

代码语言:javascript
复制
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步,创建一条“线”,并且把“点”放到“线”中,并设置线的格式:

代码语言:javascript
复制
Line line = new Line(values);line.setColor(ChartUtils.COLOR_BLUE);line.setShape(ValueShape.CIRCLE);line.setHasPoints(true);line.setHasLabels(true);

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

代码语言:javascript
复制
ArrayList<Line> lines = new ArrayList<Line>();lines.add(line);

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

代码语言:javascript
复制
LineChartData data = new LineChartData(lines);

第5步,创建”轴”:

代码语言:javascript
复制
Axis axisX = new Axis();Axis axisY = new Axis();axisX.setName("X");axisY.setName("Y");data.setAxisXBottom(axisX);data.setAxisYLeft(axisY);

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

代码语言:javascript
复制
mChart = (LineChartView) findViewById(R.id.chart);mChart.setZoomEnabled(true);mChart.setLineChartData(data);

运行程序,截图如下:

本文参与 腾讯云自媒体分享计划,分享自微信公众号。
原始发表:2018-05-03,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 mwangblog 微信公众号,前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 在Android上使用HelloCharts画一个折线图
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档