天天看点

在MPAndroidChart库K线图的基础上画均线CombinedChart在GandleStickChart的基础上画均线

可以直接使用MPAndroidChart库里面提供的CombinedChart实现组合图形

推荐直接使用CombinedChart实现

在此调整了一下画均线的逻辑,并在上个版本上做了优化,使滑动更流畅,效果图如下:
在MPAndroidChart库K线图的基础上画均线CombinedChart在GandleStickChart的基础上画均线
在说画均线之前,先简单说说画K线图的流程 因为公司项目没有开源,现在只是简单聊下思路,贴下简单的代码(都是开源库里有的代码) 如果你已经用过并阅读过MPAndroidChart的代码,那么下面的东西,你一定能看懂。

首先,库已经给我们封装了一个自定义控件,叫做CandleStickChart,专门是用来画K线的,我们把库引入到工程以后,再自定义一个类继承CandleStickChart控件,然后在我们自定义的控件里随意定义我们自己的K线图,就好了。

自定义的内容一般就是描述文字,X轴、Y轴的一些位置和样式,滑动、缩放动画,等等

自定义完我们的控件以后,就要显示数据了,如果你下载过Demo,你应该看过显示数据部分的实现,传递的数据一个是X轴的ArrayList和一个是Y轴的ArrayList,X轴一般是时间维度,Y轴传递的是每个时间维度要显示的数据对象,包括index、最高、最低、开盘、收盘,类似这样:

数据传过去以后,就到了画数据的部分了,画数据的核心方法是CandleStickChartRenderer.java 的 drawDataSet(Canvas c, CandleDataSet dataSet)方法,在这个方法里,通过mRenderPaint画K线的每个节点(显示在屏幕上的节点)

动画,缩放等等,我们暂时就不操心了。

整个K线从无到有,大概就是这样的一个流程被画出来,那么如何添加均线呢
通过上面步骤的第三步,想要画均线,每个节点只传开盘、收盘、最高、最低,明显是不够的,那么在传递数据的时候,就需要在外面把每个节点的均值,算出来(均线的计算方法可以参考之前的文章),一块传递过去(用于画均线),修改了一下CandleEntry的数据结构,添加了5节点均线值、10节点均线值、30节点均线值的属性,并添加了get、set方法,如果没有值,用-1表示,如下
在MPAndroidChart库K线图的基础上画均线CombinedChart在GandleStickChart的基础上画均线

Code

每个节点的均值计算以及数据传递的代码大概是下面这个样子:
在MPAndroidChart库K线图的基础上画均线CombinedChart在GandleStickChart的基础上画均线
显示 在画均线的之前,需要通过如下代码将传递过来的数据转换成在页面上显示的具体位置,存储到buffer里:
在MPAndroidChart库K线图的基础上画均线CombinedChart在GandleStickChart的基础上画均线
因为我们自己添加了ma5、ma10、ma30的属性,所以在转换的过程我们也要做一定的处理
在MPAndroidChart库K线图的基础上画均线CombinedChart在GandleStickChart的基础上画均线
在MPAndroidChart库K线图的基础上画均线CombinedChart在GandleStickChart的基础上画均线
在DataRenderer.java里定义一个画均线的画笔
画均线

到此,搞定!解决了上一个方案重复绘制均线,导致滑动不是很流畅的问题。

对于上面buffer为什么存了2遍
因为之前,里边只有4个属性,现在加了3个属性以后,他转换的计算有点问题 以前的方法可能是针对这4个属性转换的,我debug观察了下转换后的结果,数组的奇数角标和偶数角标位置的计算逻辑是不一样的 那么为了不改它太深层的东西(怕影响到其他图形,也不想给自己添加麻烦),我干脆就都赋值了两遍 但是我取值的时候,只取我想要的

this all!!

继续阅读