objective-c - iOS で単純な折れ線グラフを実装する

Question

iPad アプリ内に単純な折れ線グラフを実装する最良の方法は何でしょうか。私は4〜8点をプロットするだけで、グラフは見栄えがする必要があります。HTML5 は、私が必要としているものに使用するには十分です。HTMLコードを実装して折れ線グラフをプロットするにはどうすればよいですか? Google Charting Tools の使用を検討していますが、他に使用できる提案はありますか?

Answer 1

これは、基本的な行を提供する非常に基本的なクラスです。Y 軸の NSNumbers の NSArray を取ります。できるだけシンプルなので、良い出発点となるはずです。スケール感を与えるために、ポイントと軸マーカーにラベルを追加することを検討してください。

ヘッダ：

#import <UIKit/UIKit.h>

@interface SOGenericGraphView : UIView {
    NSArray *yValues;
}

@property (strong, atomic) NSArray *yValues;

@end

実装：

#import "SOGenericGraphView.h"

@implementation SOGenericGraphView

@synthesize yValues;

- (id)initWithFrame:(CGRect)frame
{
    self = [super initWithFrame:frame];
    if (self) {
        // Initialization code
        self.backgroundColor = [UIColor whiteColor];
    }
    return self;
}


// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect
{
    // Drawing code
    [super drawRect:rect];
    CGRect insetRect = CGRectInset(self.frame, 10, 15);
    double maxSpeed = [[yValues valueForKeyPath:@"@max.doubleValue"] doubleValue];
    CGFloat yRatio = insetRect.size.height/maxSpeed;
    CGFloat xRatio = insetRect.size.width/(yValues.count-1);
    UIBezierPath *sparkline = [UIBezierPath bezierPath];
    for (int x = 0; x< yValues.count; x++) {
        CGPoint newPoint = CGPointMake(x*xRatio + insetRect.origin.x, insetRect.size.height - (yRatio*[[yValues objectAtIndex:x] doubleValue] - insetRect.origin.y));
        if (x == 0) {
            [sparkline moveToPoint:newPoint];
        }
        else {
            [sparkline addLineToPoint:newPoint];
        }
    }
    [[UIColor redColor] set];
    [sparkline stroke];
}

@end