4

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

在此处输入图像描述

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

4

2 回答 2

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);是黑色的,但您可以轻松地将其更改为所需的。

干杯!

于 2012-07-19T10:10:22.340 回答
0

或者你可以使用这个https://github.com/pyanfield/WSChart

于 2012-07-19T10:12:47.247 回答