【1】MPAndroidChart图表库的使用—来创建我们的第一张折线图
2017-05-14 20:57
465 查看
【1】MPAndroidChart图表库的使用—来创建我们的第一张图表
由于项目需要最近就在学习MPAndroidChart这个优秀的图表类库的使用方法,既然是第三方的库也就需要我们潜下心来慢慢学习其用法,但是当我去搜索MpAndroidChart的用法时完全被博客中的大段大段的代码吓到了,一个HelloWord例子竟然需要写这么长的代码和设置这么多属性???后来当我看到MPAndroidChart的官方文档时才发现原来只需要二十多行代码就可以搞定。我觉得网上那些大段大段的代码是不适合初学者去学习的,这样只能对这个库产生一种复杂和难以掌握的不好印象,也不容易理清楚创建一张图表的具体步骤是怎样的,这里贴上MPAndroidChart的官方文档供大家学习参考:https://github.com/PhilJay/MPAndroidChart/wiki,同样作为一名初学者,我决定将自己学习MPAndroidChart的一些收获记录成博客分享给大家,当然如果出现什么错误,请大家在评论下面提出来哦!下面我们就来创建MpAndroidChart的第一个HelloWord示例:
运行效果:
由于是最简单的一个HelloWord例子,一些文字的属性,折线的宽度都是默认的,所以看上去可能会有点怪怪的……
代码:
xml布局文件
<?xml version="1.0" encoding="utf-8"?> <LinearLayout 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:orientation="vertical" tools:context="com.merp 4000 yzf.reviewandroid.activity.MpChart02Activity"> <com.github.mikephil.charting.charts.LineChart android:id="@+id/linechart" android:layout_width="match_parent" android:layout_height="match_parent"/> </LinearLayout>
MpChart01Activity.java
/** * MPAndroidChart的第一个HelloWorld示例 */ public class MpChart01Activity extends AppCompatActivity { private LineChart mLineChart; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_mp_chart02); //1.从xml中获取linechart的引用 mLineChart = (LineChart) findViewById(R.id.linechart); //2.创建一个List集合,用来存放一条折线上的所有点 List<Entry> entries = new ArrayList<Entry>(); entries.add(new Entry(10,20)); entries.add(new Entry(20,30)); entries.add(new Entry(30,15)); entries.add(new Entry(40,50)); //3.将entries设置给LineDataSet数据集 LineDataSet dataSet = new LineDataSet(entries, "Label"); //4.将上面创建的LineDataSet对象设置给LineData LineData lineData = new LineData(dataSet); //5.把lineData设置给lineChart就可以显示出来折线图了,就像把adapter设置给listview一样 mLineChart.setData(lineData); } }
下面来介绍一下上面的示例中设计到的一些知识点:
Entry类 封装了点的 x,y坐标
LineDataSet 表示图表上的一条折线的数据集(一条折线包含许多个点)
LineData 表示图表上的所有折线的数据集(使用的时候需要将LineDataSet设置给LineData)
MPAndroidChart一张图表可以显示多条折线,上面的示例中只显示了一条折线,这条折线正是通过创建LineData对象时通过构造方法将折线上的点集合设置进去的:
LineData lineData = new LineData(dataSet);
我们也可以通过调用下面的方法设置多条折线给LineData :
lineData.addDataSet(dataSet1);
今天的内容差不多就是这些,我们目前只需要掌握创建出一张折线图需要那几个步骤,只要我们理解了这几个步骤,后面的各种属性的设置,以及点的动态添加对于我们来说都不在话下,学习起来也会比较轻松。
作为一个只想找轮子的程序员,我真心佩服有时间有精力更有激情愿意在GitHub上造轮子发出来造福别人的同行!
相关文章推荐
- android 使用SciChart创建图表-目前性能效率最好的图表框架
- 三方图表库hellocharts使用简单例子归纳(感觉比MpAndroidchart好用)
- MPAndroidChart开源图表《总》之折线图、统计图、扇形图
- Android 图表 MPAndroidChart 的简单使用
- MPAndroidChart之折线图的使用
- Android图表 MPAndroidChart折线图
- MPAndroidChart使用二之折线图
- MPAndroidChart图表库之折线图
- Android MPAndroidChart开源库图表之折线图的实例代码
- MPAndroidChart的折线图的使用及封装
- MPAndroidChart绘制折线图柱状图混合图表练习
- MPAndroidChart开源图表库的使用介绍之饼状图、折线图和柱状图
- MPAndroidChart的折线图的使用及封装
- 详解Android图表 MPAndroidChart折线图
- android使用mpchartlib设置图表
- android 开源图表库MPChart最简单使用方法--折线图
- MpAndroidChart各种图表我都用了一遍,并且已经熟练掌握。总结我的Demo
- android图表收益曲线-MPAndroidChart
- MPAndroidChart的使用
- 统计图表--第三方开源--MPAndroidChart(一)