---

目录
一步一步教你写股票走势图——分时图一（概述）
一步一步教你写股票走势图——分时图二（自定义xy轴）
一步一步教你写股票走势图——分时图三（对齐图表、自定义柱状图高亮）
一步一步教你写股票走势图——分时图四（高亮联动）
一步一步教你写股票走势图——分时图五（自定义标记）
一步一步教你写股票走势图——K线图一（概述）
一步一步教你写股票走势图——K线图二（图表联动）
一步一步教你写股票走势图——K线图三（添加均线）
一步一步教你写股票走势图——K线图四（高亮联动一）
一步一步教你写股票走势图——K线图五（高亮联动二）
一步一步教你写股票走势图——商业版

---

demo更新地址https://github.com/AndroidJiang/StockChart

---

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

有一组数，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方法

  @NonNullprivate 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了，那么楼主也会给力的研究并且开源的！

---

目录
一步一步教你写股票走势图——分时图一（概述）
一步一步教你写股票走势图——分时图二（自定义xy轴）
一步一步教你写股票走势图——分时图三（对齐图表、自定义柱状图高亮）
一步一步教你写股票走势图——分时图四（高亮联动）
一步一步教你写股票走势图——分时图五（自定义标记）
一步一步教你写股票走势图——K线图一（概述）
一步一步教你写股票走势图——K线图二（图表联动）
一步一步教你写股票走势图——K线图三（添加均线）
一步一步教你写股票走势图——K线图四（高亮联动一）
一步一步教你写股票走势图——K线图五（高亮联动二）
一步一步教你写股票走势图——商业版

---

demo更新地址https://github.com/AndroidJiang/StockChart

---