Mac-ISV Macで、Micro-ISV

UIView to draw sweet graphs

iPhoneアプリでグラフを表示したいと思い使える物がないか検索してみました。
すると下記図のようなクールなグラフを簡単に描けるライブラリがありました。その名もs7graphview

使い方はとても簡単！

http://code.google.com/p/s7graphview/

上記リンクの右側にあるFeatured downloads:という所のs7graphview-basic-release.zipをダウンロードしてファイル一式を自分のプロジェクトに追加して使います。

ちなみに、DemoS7GraphView.zipというプロジェクトは私の環境では原因不明のエラーによりデモを実行してみることは出来ませんでした。

s7graphview-basic-release.zipを解凍すると下記のような３つのファイルが存在しており自分のプロジェクトの中で

#import "S7GraphView.h"することによりAPIを使えるようになります。

使い方はTableViewの実装と同様にグラフを描くためにUIVIewControllerでDataSourceを実装してあげるだけでグラフを描いてくれます。

まず、ヘッダーファイルで

#import "S7GraphView.h"

@interface TestViewController : UIViewController<S7GraphViewDataSource> {

S7GraphView *graphView;

}

@property (nonatomic, retain) S7GraphView *graphView;

のように宣言し

ソースフィアルで色やデータソースなどを設定し（使った後のメモリ解放処理も忘れないようにしましょう）

@synthesize graphView;

// Implement loadView to create a view hierarchy programmatically, without using a nib.

- (void)loadView {

//self.view = [[UIView alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

self.graphView = [[S7GraphView alloc] initWithFrame:[[UIScreen mainScreen] bounds]];

self.view = self.graphView;

self.graphView.dataSource = self;

//self.view.backgroundColor = [UIColor yellowColor];

}

- (void)viewDidLoad {

[super viewDidLoad];

// Uncomment the following line to display an Edit button in the navigation bar for this view controller.

// self.navigationItem.rightBarButtonItem = self.editButtonItem;

NSNumberFormatter *numberFormatter = [NSNumberFormatter new];

[numberFormatter setNumberStyle:NSNumberFormatterDecimalStyle];

[numberFormatter setMinimumFractionDigits:0];

[numberFormatter setMaximumFractionDigits:0];

self.graphView.yValuesFormatter = numberFormatter;

NSDateFormatter *dateFormatter = [NSDateFormatter new];

[dateFormatter setTimeStyle:NSDateFormatterNoStyle];

[dateFormatter setDateStyle:NSDateFormatterShortStyle];

self.graphView.xValuesFormatter = dateFormatter;

[dateFormatter release];

[numberFormatter release];

self.graphView.backgroundColor = [UIColor blackColor];

self.graphView.drawAxisX = YES;

self.graphView.drawAxisY = YES;

self.graphView.drawGridX = YES;

self.graphView.drawGridY = YES;

self.graphView.xValuesColor = [UIColor whiteColor];

self.graphView.yValuesColor = [UIColor whiteColor];

self.graphView.gridXColor = [UIColor whiteColor];

self.graphView.gridYColor = [UIColor whiteColor];

self.graphView.drawInfo = NO;

self.graphView.info = @"Load";

self.graphView.infoColor = [UIColor whiteColor];

//When you need to update the data, make this call:

[self.graphView reloadData];

}

- (void)dealloc {

[graphView release];

graphView = nil;

[super dealloc];

}

DataSourceの中身を実装してあげるだけでグラフを表示してくれます。

#pragma mark -

#pragma mark end

#pragma mark protocol S7GraphViewDataSource

- (NSUInteger)graphViewNumberOfPlots:(S7GraphView *)graphView {

/* Return the number of plots you are going to have in the view. 1+ */

return 2;

}

- (NSArray *)graphViewXValues:(S7GraphView *)graphView {

/* An array of objects that will be further formatted to be displayed on the X-axis.

The number of elements should be equal to the number of points you have for every plot. */

NSMutableArray *array = [[NSMutableArray alloc] initWithCapacity:101];

for ( int i = -50 ; i <= 50 ; i ++ ) {

[array addObject:[NSNumber numberWithInt:i]];

}

return array;

}

- (NSArray *)graphView:(S7GraphView *)graphView yValuesForPlot:(NSUInteger)plotIndex {

/* Return the values for a specific graph. Each plot is meant to have equal number of points.

And this amount should be equal to the amount of elements you return from graphViewXValues: method. */

NSMutableArray *array = [[NSMutableArray alloc] initWithCapacity:101];

switch (plotIndex) {

default:

case 0:

for ( int i = -50 ; i <= 50 ; i ++ ) {

[array addObject:[NSNumber numberWithInt:i*i]]; // y = x*x

}

break;

case 1:

for ( int i = -50 ; i <= 50 ; i ++ ) {

[array addObject:[NSNumber numberWithInt:i*i*i]]; // y = x*x*x

}

break;

}

return array;

}

このようなすばらしいライブラリを作って頂いた作者に感謝です。m(__)m