您的位置:主页 > 绘制方法 >

  上篇文章中,我们了解了走势图k线图绘制及的一些关键点,基于大家都懂期货股票这些东西的基础上去讲解的,说的也不够全面,这篇文章我们以实战为主,一步一步写出可以商业化的k线图。

  1.画一条分时图,具有拉动效果;十字光标,十字光标出现的时候数值的轴对应的分时图数据要显示在上方的详情框里(联动);缩放效果;横屏效果;(闪电图 分时图 均线.画k线图,也就是蜡烛图;具有拉动效果;十字光标,十字光标出现的时候要把对应蜡烛的数据展现在详情款里面(联动);缩放;横屏;(买量买量持仓量图可以参考这个)

  1.我们的数据是以json数组形式推送过来的。所以我们要有一个数据类,数据转model类,然后用这个model去和绘图类做交互及展示;

  当然商业用的不单单那么简单,至少你还得加个统计类统计每分钟的变化趋势添加到这个model类里面转化成为可用model,也就是60s内的直接替换最后一个蜡烛图,60s过了,这个要把它加入这个蜡烛数据(也就是新增一个蜡烛)这里可以匹配每组数据推送过来的时间和数组的最后一个元素的时间差是否大于60s;后台推送过来的数据都是那边已经统计好的每分钟数据;

  我们这边还有一个1 3 5 10 15 30 60 90 120分钟的k线图 这些k线图就是要用这分钟数组去计算得出对应的数组model;

  数据类:请求数据的类,缓存数据或者网络数据;用delegate,当model类被释放数据还没落地的时候也可以及时释放这个model类。

  model类:填入一个合约名称提交事务,把合约名称交给数据类去获取数据,把获取完成的数据验证解析后转化为模型数组通过block递交对应的请求类(比如给统计类(相当于MVVM的VM))

  demo没有统计类,所以我们直接在vc里面把这些数据通过代理给绘图类;此时我们的k线图可以说是死k,不会有跳动效果;(我们的跳动效果在上文也有解析到,就是通过TCP推送的数据去替换或者新增蜡烛图,优化看后文)

  k线图我们需要外界提供数据,这时候我们需要用到代理;我们需要向外界获取显示的个数、还有目前显示的范围;也需要告诉外界这个视图即将刷新、以及这个十字光标滑动的时候这个y轴对应model是什么;所以现在我们需要给每一个绘图类做动作规范的protocol为:

  现在基础的和外界交互的API已经确定下来了;我们可以开始绘图了!五、绘图

  我们新建一个KLineView继承于UIView(这样做缩放滑动等效果可以直接操作所以不继承CAShapeLayer);由上图我们可以知道我们这个绘图的搭配是

  定义好这些对外操作后,我们开始实现逻辑。我们先定义好每一个蜡烛图的宽度 间隔 和每一次的偏移量

  因为插入图片之后变得非常卡没法打字 所以不插入代码了 我会把代码放在GitHub里面; 大家可以提交优化版本!

  //十字光标  通过point逆推得出index 现在的下标/(单元大小)*缩放量

  在监控到屏幕转动的时候重新设置frame 调用reload就好了。 里面暂时没做任何处理.

  阅读数 111MATLAB里面自带了画K线的函数candle自带函数效果预览图原始candle的使用方法语法描述输入参数修改源代码原始代码修改部分最终显示预览修改后的完整代码自带函数效果预览图可以看出K线图有基本的...博文

  阅读数 1828先上图:这里需要理解下,深度图左右两边,绿色代表买部分,红色代表卖部分,买部分从中间到最左边,百瑞赢咨询price依次递减,卖的价格从中间到最右边价格依次递减,纵坐标这里给的是累计的交易量;理解了要绘制的深度图...博文

  前言具体实现如下:目录前言第一折线)效果展示第二走势曲线)导入DJChart第三方库.2)横竖轴参数设置.3)方法调用.4)效果...

  k线系列目录查看目录请点击这儿在分时线写完以后,我们开始接着学习如何写K线。其实k线并没有想象的那么复杂,还是像前几篇文章提供的思路一样,第一步、第二步、第三步…….把一个复杂的问题简单化,才是我们最...博文来自:nethanhan的记录

  k线系列目录查看目录请点击这儿补充知识K线虽然看上去复杂,但仔细观察就会知道几乎所有的k线无非由以下几种组成:(1)蜡烛(2)OHLC(3)线)圆形除此之外还有其他的,都是比较少见的。...博文来自:

  本文将要讲的架构设计可能没有那么真正的架构那么准确,可以理解为在创建App时项目的一个目录结构吧。做iOS开发3年,其实深刻的架构设计感觉还谈不上,主要是现在接手了一套架构比较牛的代码,然后回头看了一...博文来自:浅浅的博客

  在git up上找了很多,都不太适合,哪位大神有差不多的demo,留言或者私信我吧。...

  插件(兼容手机端、平板)07-17自己用过的K线图插件 纯js的 我是移动端用的 兼容移动端下载

  03-12网上收集的几个制作k线图的app源码,股票k线图源代码,包括股票分析

  目录一步一步教你写股票走势图——分时图一(概述)一步一步教你写股票走势图——分时图二(自定义xy轴)一步一步教你写股票走势图——分时图三(对齐图表、自定义柱状图高亮)一步一步教你写股票走势图——分时图...

  android-kline 基于MPAndroidChart的专业K线图 联系方式 email/qq: WeChat: buck_guo 本项目通过继承的方式定制

  //联系人:石虎 昵称:嗡嘛呢叭咪哄一、k线图概念   k线图:有最新价、收盘价、开盘价、最高价、最低价、均价、卖量、买量等等。而我们需要展示给用户看的第一眼就是把它们全部绘...

  CABasicAnimation介绍在开始之前,我们先来学习一个知识点(大神可略过….)。是关于制作动画的一个点,在平时开发中要是做动画效果可能会经常使用到这段代码:[UIViewanimateWit...博文来自:nethanhan的记录

  原帖地址:代码由论坛会员brandon分享数据用的YAHOO财经API。代码写的有点乱,准备近期做一...

  iOS系统自带的UIToolbar的样式简单,往往不能满足开发或特殊目的的需要,例如设置完全背景透明的UIToolbar或者自定义UIToolbar的背景色,这时候就需要对UIToolbar进行单独定...

  绘制分时线本文是衔接上篇关于绘制分时图框的内容,如果你还不了解关于K线图、分时图的相关知识,可以点击这儿。需求确定在上篇文章中,我们已经把分时图的框和坐标文字全部画好,如下:那现在就需要把分时线和背景绘制上去,...

转载请注明:文章来源于k线学习专题网

编辑: 关键词: K线图绘制

随机推荐

图文聚集

热门排行

最新文章