在iPhone中创建简单的折线图

时间:2012-07-19 09:53:00

标签: iphone ios cocoa-touch graph linegraph

我想创建一个简单的折线图,如下所示,

enter image description here

我用谷歌搜索了一些样本,我得到了看起来太重的CorePlot。任何人都可以建议我如何创建一种类似下面的线图或教程也是最受欢迎的。请

2 个答案:

答案 0 :(得分:1)

那么,首先,为什么要简单地调用该图表?您可以通过沿X坐标绘制垂直线来实现。你有(可能)一个带有顶点(显示重量进度)的数组,所以你在一个循环中从顶点到基线画一条线来解析你所有的顶点。以下是绘制线条的代码,为每个顶点调用它:

-(void)drawLineFromX:(CGPoint)topPoint{
    UIGraphicsBeginImageContext(instanceToYourImageView.image.size);
    [instanceToYourImageView.image drawInRect:CGRectMake(0, 0, instanceToYourImageView.image.size.width, instanceToYourImageView.image.size.height)]; 
    CGContextSetLineCap(UIGraphicsGetCurrentContext(), kCGLineCapRound);
    CGContextSetLineWidth(UIGraphicsGetCurrentContext(), 5.0);
    CGContextSetRGBStrokeColor(UIGraphicsGetCurrentContext(), 0.0, 0.0, 0.0, 1.0);
    CGContextBeginPath(UIGraphicsGetCurrentContext());
    CGContextMoveToPoint(UIGraphicsGetCurrentContext(), topPoint.x, topPoint.y);
    CGContextAddLineToPoint(UIGraphicsGetCurrentContext(), topPoint.x, topPoint.y + a_value_to_reach_the_base_line);
    CGContextStrokePath(UIGraphicsGetCurrentContext());
    [instanceToYourImageView setImage:UIGraphicsGetImageFromCurrentImageContext()];
    UIGraphicsEndImageContext();
}

此处CGContextSetRGBStrokeColor(UIGraphicsGetCurrentContext(), 0.0, 0.0, 0.0, 1.0);为黑色,但您可以轻松将其更改为所需的颜色。

干杯!

答案 1 :(得分:0)

或者您可以使用此https://github.com/pyanfield/WSChart