hellocharts-android-Android图表开源库的使用(一)

最近项目中需要用到图表,技术有限,自己实现起来有难度,于是对比之后,最终决定使用hellocharts这个开源库,传送门:https://github.com/lecho/hellocharts-android ,一是因为引入方便,二是代码也比较清晰,便于加到项目中。还有一个重要的原因,这个库可以支持折线表,柱状表,饼状表以及气泡状表,而且实现的效果非常棒,放几张图大家感受一下:

1.gif

2.png

3.png

4.png

5.png

怎么样,效果是不是非常炫啊,下面我们来看看怎么使用吧。 PS:本文操作基于Android Studio

导入hellocharts

有三种方式可以在我们的项目中使用hellocharts。

  1. 感谢Android Studio,让我们可以非常方便的使用一些开源的库,如果你的开发工具是它的话,那么引入项目非常简单,只需要在你的app下的build文件的dependencies闭包中添加如下代码,然后同步即可:
dependencies{
 compile 'com.github.lecho:hellocharts-library:1.5.8@aar' 
}
  1. 当然,我们也可以下载最新的jar包来导入使用,点击https://github.com/lecho/hellocharts-android/releases ,会看到作者发布的最新jar包。下载jar包之后,放到app目录下的libs文件夹下,然后同步项目即可。
  2. 前两种方法虽然比较方便,但是不能修改库的源码,有时候我们需要在开源库的基础上做一些修改,这个时候我们就可以以添加module的方式来导入。导入过程也非常简单。 首先,我们可以在项目主页将代码下载到本地。有两种方式:

下载项目.png

如果本地配置了git的话,我们直接运行git clone git@github.com:lecho/hellocharts-android.git 即可将项目克隆到本地,否则的话,就点击Download ZIP也可以。 将项目下载本地后,在你自己的项目中,依次选择File-New-Import Module,然后选择hellocharts-library确定即可完成导入。

源码目录.png

基本折线表的使用

经过以上几步,我们的项目现在已经成功即成了hellocharts,下面我们来简单看下最基本的图表-折线表是如何使用的吧。 首先,在xml文件中添加折线表控件:

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

在hellocharts中,每种图表都有它自己的一个数据类型,在折线表中,最终设置给图表显示的是LineChartData,我们可以简单想下,这个数据中肯定包含线,线上的点,以及坐标轴,下面我们分别用代码来展现。

  1. 声明一条折线
Line line = new Line(values).setColor(Color.BLUE);//声明线并设置颜色
line.setCubic(false);//设置是平滑的还是直的
lines = new ArrayList<Line>();
lines.add(line);
  1. 初始化折线上的点
values = new ArrayList<PointValue>();//折线上的点
values.add(new PointValue(0, 2));
values.add(new PointValue(1, 4));
values.add(new PointValue(2, 3));
values.add(new PointValue(3, 4));
  1. 设置折线表相关属性和数据
mChartView.setInteractive(true);//设置图表是可以交互的(拖拽,缩放等效果的前提)
mChartView.setZoomType(ZoomType.HORIZONTAL_AND_VERTICAL);//设置缩放方向
LineChartData data = new LineChartData();
Axis axisX = new Axis();//x轴
Axis axisY = new Axis();//y轴
data.setAxisXBottom(axisX);
data.setAxisYLeft(axisY);
data.setLines(lines);
mChartView.setLineChartData(data);//给图表设置数据

经过这几步简单的设置(最后会放上demo地址),我们已经可以看到基本的折线图效果了:

demo效果.png

到这里,我们已经成功的使用hellocharts这个强大的图表库来展示了一个基本的折线图表,里边儿还有很多炫酷的用法等待我们去发掘。最后放上demo地址:https://github.com/SolveBugs/HelloChartDemo

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏谢文军的专栏

Gradle构建-从Eclipse到Studio介绍篇

记得之前体验Android Studio 1.x版本的时候,从Eclipse到Studio的第一感受就是严重的“水土不服”。由于手管要切换到Gradle,故又重...

3970
来自专栏小樱的经验随笔

Windows环境下php开启GD库的方法

一、GD库是什么?   GD库是php处理图形的扩展库,GD库提供了一系列用来处理图片的API,使用GD库可以处理图片,或者生成图片,也可以给图片加水印。在网站...

2855
来自专栏walterlv - 吕毅的博客

WPF 跨应用程序域的 UI(Cross AppDomain UI)

发布于 2017-11-12 16:36 更新于 2017-11...

682
来自专栏HTML5学堂

快捷的文件管理工具-Clover

HTML5学堂:今天给大家推荐一款软件,也是我当前很喜欢的一款软件(针对windows系统)。相信大家在平时浏览网页的时候都采用的是“多标签”的方式吧,使用这款...

3594
来自专栏V站

WORDPRESS插件大全

WordPress博客程序是国外最火最热的一款程序,只要懂点基本的WordPress操作就能自己开发主题,除了能开发强大的主题以外,还有一个强大的功能就是Wor...

4173
来自专栏零基础使用Django2.0.1打造在线教育网站

零基础使用Django2.0.1打造在线教育网站(十):后台管理配置

努力与运动兼备~~~有任何问题可以加我好友或者关注微信公众号,欢迎交流,我们一起进步!

621
来自专栏Hongten

python开发_常用的python模块及安装方法

adodb:我们领导推荐的数据库连接组件 bsddb3:BerkeleyDB的连接组件 Cheetah-1.0:我比较喜欢这个版本的cheetah cherry...

1063
来自专栏mukekeheart的iOS之旅

iOS学习——iOS项目Project 和 Targets配置详解

  最近开始学习完整iOS项目的开发流程和思路,在实际的项目开发过程中,我们通常需要对项目代码和资料进行版本控制和管理,一般比较常用的SVN或者Github进行...

3947
来自专栏代码GG之家

SDL系列讲解(九) 异常退出分析

SDL系列讲解(一) 简介 SDL系列讲解(二) 环境搭建 SDL系列讲解(三) 工具安装 SDL是什么,能干什么,为什么我们要学习它? SDL系列讲解(四)...

1856
来自专栏jiajia_deng

Meteor 1.6.x + Ant Design Table + recompose 实现数据分页效果

1293

扫码关注云+社区