一步一步教你写股票走势图——K线图（添加均线）

在开篇之前，给大家出个小算法题，一定要做哦，因为既然你打算看本章节内容了，那么这个小算法必须得会的哟！

有一组数，1、2、3……99、100，一共一百个数，假设是ListA，现在将
ListA索引为0、1、2、3、4的数相加之和赋给ListB索引为4的数
ListA索引为1、2、3、4、5的数相加之和赋给ListB索引为5的数 ……（以此类推）
ListA索引为95、96、97、98、99的数相加之和赋给ListB索引为99的数
让你打印出ListB里面所有的数据，ListB中前4位的值可以用0代替

赶紧动手试一试吧，小算法一个哦，不难的！最好5分钟之内出答案哦！

（片刻之后）。。。

想必大家都动手试过了吧，有人已经做好了，有人还在琢磨呢，那得反思一下啦，算法题很多大公司面试都会出，考验你逻辑能力，不足的人空闲得恶补一下啊，博主表示自己算法也不咋样，简单点的还能应付，稍微复杂点就歇菜咯！

我们简单贴下代码吧

        listA = new ArrayList<>();
        listB = new ArrayList<>();
        for (int i = 0; i < 100; i++) {
            listA.add(i, i);
        }
        for (int i = 0; i < 100; i++) {
            if (i >= 4) {
                sum = 0;
                listB.add(i, fund(i - 4, i));
            } else {
                listB.add(i, 0);
            }
        }
        for (int i = 0; i < 100; i++) {
            Log.e("OUT", listB.get(i) + "");
        }



private Integer fund(Integer a, Integer b) {
        for (int i = a; i <= b; i++) {
            sum += listA.get(i);
        }
        return sum;
    }

So Easy?是不是！恍然大悟，似不似。那么这个小算法跟今天的内容有什么关系呢，我们今天研究的是k线图添加均线图，均线图的计算就是上面的算法，我们看下图先。

这里写图片描述

我们看MA5的那根线，一根理解了，其他也就懂了。MA5是5日均线，从当前天往前推5天（包含当天），每天的收盘价之和除以5，得到当天的MA5值，所以相当于

ma5（5）=（1收+2收+3收+4收+5收）/5
ma5（6）=（2收+3收+4收+5收+6收）/5
……

一直到最后，是不是跟上面的算法一模一样。

既然知道均线值怎么算了，那么久简单了，下面就直接把算好的数据，放入到折线图中即可啦！

 for (int i = 0, j = 0; i < mData.getKLineDatas().size(); i++, j++) {
            xVals.add(mData.getKLineDatas().get(i).date + "");
            barEntries.add(new BarEntry(mData.getKLineDatas().get(i).vol, i));
            candleEntries.add(new CandleEntry(i, mData.getKLineDatas().get(i).high, mData.getKLineDatas().get(i).low, mData.getKLineDatas().get(i).open, mData.getKLineDatas().get(i).close));
            if(i>=4){
                sum=0;
                line5Entries.add(new Entry(getSum(i - 4, i)/5,i));
            }
            if(i>=9){
                sum=0;
                line10Entries.add(new Entry(getSum(i - 9, i)/10,i));
            }
            if(i>=29){
                sum=0;
                line30Entries.add(new Entry(getSum(i - 29, i)/30,i));
            }

        }


     ArrayList<ILineDataSet> sets = new ArrayList<ILineDataSet>();
        sets.add(setMaLine(5,xVals, line5Entries));
        sets.add(setMaLine(10,xVals, line10Entries));
        sets.add(setMaLine(30, xVals, line30Entries));


        CombinedData combinedData=new CombinedData(xVals);
        LineData lineData=new LineData(xVals,sets);
        combinedData.setData(candleData);
        combinedData.setData(lineData);
        combinedchart.setData(combinedData);

setMaLine方法

  @NonNull
    private LineDataSet setMaLine(int ma,ArrayList<String> xVals, ArrayList<Entry> lineEntries) {
        LineDataSet lineDataSetMa = new LineDataSet(lineEntries, "ma"+ma);
        lineDataSetMa.setDrawValues(false);
        if(ma==5) {
            lineDataSetMa.setColor(Color.GREEN);
        }else if(ma==10){
            lineDataSetMa.setColor(Color.GRAY);
        }else{
            lineDataSetMa.setColor(Color.YELLOW);
        }
        lineDataSetMa.setLineWidth(1f);
        lineDataSetMa.setDrawCircles(false);
        lineDataSetMa.setAxisDependency(YAxis.AxisDependency.LEFT);
        lineDataSetMa.setHighlightEnabled(false);
        return lineDataSetMa;
    }

如果看代码比较乱的，直接看demo即可，均线图部分相对来说比较简单，不需要自定义功能模块，只是单纯的使用了MP库的东西，有的公司甚至不需要客户端进行计算均值，服务端直接算好返回了，那就更简单了，省去计算的模块。我们来试试看效果吧！

这里写图片描述

完美！如有问题，欢迎留言！均线添加告一段落，下面难点在于高亮和加载更多两个模块，这两个模块都还在研究中，说实话，感觉还是有点难度的，只要大家给力的star了，那么楼主也会给力的研究并且开源的！

demo更新地址https://github.com/AndroidJiang/StockChart
（求star）