天天看点

Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了

在学习本课程之前我建议先把我之前的博客看完,这样对整体的流程有一个大致的了解

<a href="http://blog.csdn.net/qq_26787115/article/details/53183522">Android图表库MPAndroidChart(一)——了解他的本质,方能得心应手</a>

<a href="http://blog.csdn.net/qq_26787115/article/details/53185657">Android图表库MPAndroidChart(二)——线形图的方方面面,看完你会回来感谢我的</a>

<a href="http://blog.csdn.net/qq_26787115/article/details/53187040">Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了</a>

<a href="http://blog.csdn.net/qq_26787115/article/details/53198957">Android图表库MPAndroidChart(四)——条形图的绘制过程过程,隐隐约约我看到了套路</a>

<a href="http://blog.csdn.net/qq_26787115/article/details/53199030">Android图表库MPAndroidChart(五)——自定义MarkerView实现选中高亮</a>

承上启下,当我们学习完这篇
之后,你对MPAndroidChart的套路应该是有一定的了解了,用来用去就是那么几个不断的扩展,那我们今天扩展一下双轴的图标,什么是双轴呢?就是两个x或者两个y轴,看图
Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了
为了形成鲜明的对比,我把背景设置成黑色的了,我们来看下这个我们应该怎么去实现?
这里布局还是那个老布局
这次我就不那么温柔了,我直接开始撸了,首先是初始化
这里还是老样子,设置一些手势监听,缩放等,然后设置背景颜色,这里我设置的颜色就是黑色,然后设置数据和动画,设置数据我们等下说,我们先来看划线 首先这里绘制了下面的三个文本
然后设置x轴,这都是和之前的类似,没什么问题
但是现在有两个y轴,我们应该怎么设置呢? 不就是设置两个y轴,多轴也是没问题的,只要你的坐标都设置的好
好的,到这里数据什么的,都没什么变化,我们设置,这里我采用的是随机数,不过这并不影响,我们理解,因为这里有三个arrayList,说明我们定义的就是三根线
然后依次实现三个LineDataSet,设置颜色,大小等相关属性,最后全部转换成一个LineData,最后给到我们的linechar,这就是一个完整的转换过程了,运行的结果就是上面的那幅图
Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了
Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了
Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了
Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了
Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了
Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了
Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了
Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了
Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了
上面的是部分的演示效果,我想说的是,都是很简单的调用,唉,我把代码贴出来大家都更加了解了
送上一个实际的演示效果:
Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了Android图表库MPAndroidChart(三)——双重轴线形图的实现,这次就so easy了
OK,是不是把套路学会了?没有学会没关系,基佬群欢迎你

继续阅读