IOS中国内股票K线图基本绘制思路(一）——数据处理

最近用一个月的时间开发了一个股票行情的软件，虽然我一直都没怎么研究过股票，但是在熟悉股票的同事帮助下还算顺利，文章结束后会放上Demo。

行情中大概有五个图需要绘制，分别是分时图、五日图、日K图、周K图、月K图。

其中分时图和五日图可以分为一类，日K、周K和月K也一类，那就是分两类图表绘制。

先按五日图作为例子举例：

首先需要一个数据模块KLineTimeModel，属性都加上了注释方便看。

@property (nonatomic,retain) NSString *transationPrice;// 个股中表示每分钟的最后及时成交价，大盘中表示每分钟的大盘指数@property (nonatomic,retain) NSString *MAn;// 个股中表示该种股票即时成交的平均价格，即当天成交总金额除以成交总股数，大盘中表示大盘不含加权的大盘指数@property (nonatomic,retain) NSString *changeValue;// 涨跌额@property (nonatomic,retain) NSString *changeRate;// 涨跌幅@property (nonatomic,retain) NSString *volume;// 成交量@property (nonatomic,retain) NSString *volumePrice;// 成交额@property (nonatomic,retain) NSString *heightPrice;// 及时成交价最高值（第一次返回昨天最高价）@property (nonatomic,retain) NSString *closePrice;// 昨日收盘价@property (nonatomic,retain) NSString *time;// 时间@property (nonatomic,retain) NSString *turnoverRate;// 换手率@property (nonatomic,retain) NSString *priceType;// 涨幅标识（与上一分钟的差决定）@property (nonatomic,retain) NSString *timeFrame;// 时间段描述@property (nonatomic,retain) NSString *betsType;// 盘口类型 0=买盘  1=卖盘

{"transationPrice":"34.8","MAn":"34.487034078685","changeValue":"0.11","changeRate":"0.32","volume":"26950","volumePrice":"1.651049513E7","time":"10:23","turnoverRate":"0.14","priceType":"1","betsType":"0"}

以上是根据接口返回的股票一个点的数据，咋一看未必就是能拿来画线的数据，还需要换算处理等，接下来说下需要进行换算的数据：

K线图中Y轴左面的是成交价，Y轴右面的数据是成交量，算出最大和最小成交价，然后通过最高值跟昨日收盘价的比例，算出Y轴每份的比例。

然后就是如何把成交价数据转换为实际坐标数组：

//把分时数据换算成实际的点坐标数组-(NSArray*)changePointWithData:(NSArray*)data andType:(int)type{    NSMutableArray *tempArray = [[NSMutableArray alloc] init];    CGFloat PointStartX = self.kLineWidth/2; // 起始点坐标    CGFloat padRealValue = (mainView.frame.size.height) / 6;    for (KLineTimeModel *item in data) {                CGFloat currentValue = [item.transationPrice floatValue];// 得到及时成交价        if (type==1) {//0=成交价 1=成交均价            currentValue = [item.MAn floatValue]; // 均值        }        // 如果最高价为0并且 最大成交量为0 则股票为停牌状态        if (volMaxValue==0) {            currentValue = self.closePrice;        }        // 换算成实际的坐标        CGFloat currentPointY = padRealValue*4 - ((currentValue - minValue) / (maxValue - minValue) * padRealValue*4)+0.5;                CGPoint currentPoint =  CGPointMake(PointStartX, currentPointY); // 换算到当前的坐标值        [tempArray addObject:NSStringFromCGPoint(currentPoint)]; // 把坐标添加进新数组        PointStartX += self.kLineWidth+self.kLinePadding; // 生成下一个点的x轴    }    return tempArray;}

时分图和五日图的区别在于，时分图按成交价画线后，要再画一条成交均价的线，画法也是一样的。

然后就是把成交量实际数据转换坐标数组：

//把股市数据换算成成交量的实际坐标数组-(NSArray*)changeVolumePointWithData:(NSArray*)data{    NSMutableArray *tempArray = [[NSMutableArray alloc] init];    CGFloat PointStartX = self.kLineWidth/2; // 起始点坐标    CGFloat padRealValue = (mainView.frame.size.height) / 6;        for (KLineTimeModel *item in data) {        CGFloat volumevalue = [item.volume floatValue];// 得到没份成交量        CGFloat yHeight = volMaxValue - volMinValue ; // y的价格高度        CGFloat yViewHeight = 2*padRealValue ;// y的实际像素高度        // 换算成实际的坐标        CGFloat volumePointY = yViewHeight * (1 - (volumevalue - volMinValue) / yHeight);        CGPoint volumePoint =  CGPointMake(PointStartX, volumePointY); // 成交量换算为实际坐标值        CGPoint volumePointStart = CGPointMake(PointStartX, yViewHeight);        // 把开盘价收盘价放进去好计算实体的颜色        CGFloat openvalue = 1;// 得到开盘价        CGFloat closevalue = 2;// 得到收盘价        NSString *changeValue = item.priceType;        if ([changeValue intValue]==-1) {            closevalue = 0;        }                CGPoint openPoint =  CGPointMake(PointStartX, closevalue); // 开盘价换算为实际坐标值        CGPoint closePoint =  CGPointMake(PointStartX, openvalue); // 收盘价换算为实际坐标值        NSArray *currentArray = [[NSArray alloc] initWithObjects:                                 NSStringFromCGPoint(volumePointStart),                                 NSStringFromCGPoint(volumePoint),                                 NSStringFromCGPoint(openPoint),                                 NSStringFromCGPoint(closePoint),                                 nil];        [tempArray addObject:currentArray]; // 把坐标添加进新数组        currentArray = Nil;        PointStartX += self.kLineWidth+self.kLinePadding; // 生成下一个点的x轴    }    return tempArray;}

好了，成交量和成交价的数组也得出来了，然后下一步就是把数组连线画上去了。下一节将会介绍通过UIView的-(void)drawRect:(CGRect)rect方法坐标点连线。