ios股票K线图的绘制

最新推荐文章于 2019-09-02 11:35:35 发布

yyb5921

最新推荐文章于 2019-09-02 11:35:35 发布

阅读量2.3k

点赞数 2

分类专栏： ios随笔文章标签： ios 股票工作

本文链接：https://blog.csdn.net/yyb5921/article/details/78800279

版权

本文介绍如何在iOS中绘制股票K线图，适合新手，涵盖了绘制线段、实体和字符串的基础知识。通过自定义UIView子类YBStockChartView，详细讲解了绘制背景、K线点（空心、实心）以及十字线的方法，并提到了手势交互实现图表的滚动和缩放。最后分享了GitHub上的完整demo。

摘要由CSDN通过智能技术生成

　　前言：因为工作需要，要绘制一个股票K线图，因为自己不炒股，所以对股票知识很是有限，当时也想在网上找个demo直接拿来用的，但是找了很多都不合适，后来查了些资料，也看了很多别人的demo，打算自己写，此文针对不会画直线画文字的新手, 没有考虑优化问题! 大神请略过 !

　　因为自己当时对股票知识很是有限, 所以这里就从最基础说起, 首先看一下K线图解, 了解一下一个K线点所需要的数据:
　　
图片来自网络.gif
　　
　　阳线代表股票上涨(收盘价大于开盘价), 阴线则代表股票下跌(收盘价小于开盘价), 由此可以看出画一个K线点需要四个数据, 分别是: 开盘价 - 收盘价 - 最高价 - 最低价, 根据这四个数据画出上影线实体以及下影线, 柱状图(成交量)先不考虑, K线图画出来之后, 成交量柱状图就不在话下了;

　　这里主要说一下怎么绘制线段和实体以及字符串，这些如果会了，那么绘制Ｋ线图就不是问题了；

　　创建一个继承自UIView的类YBStockChartView, 就在这个类里边进行绘制, 首先要绘制背景, 无非就是那些横线竖线虚线之类的, 下边是画一条从p1到p2的实线线段的代码:

- (void)drawRect:(CGRect)rect {
    [super drawRect:rect];
    // 设置背景填充颜色
    CGContextRef context = UIGraphicsGetCurrentContext();
    CGContextSetFillColorWithColor(context, [UIColor blackColor].CGColor);
    CGContextFillRect (context, self.bounds);  // 填充范围
    // 画线段
    CGPoint p1 = CGPointMake(20, 20);
    CGPoint p2 = CGPointMake(rect.size.width - 20, rect.size.height - 20);
    CGContextSetLineWidth(context, 1.0f);
    CGContextSetStrokeColorWithColor(context, [UIColor redColor].CGColor);
    CGContextMoveToPoint