freshking/dynamicgraphview

A simple but effective dynamic GraphView implementation for iPhone SDK

DynamicGraphView

A simple but effective dynamic GraphView implementation for iPhone SDK for float values.

The left image shows a graph with only positive values and without curved lines. The right graph draws from positve and negative values and has the option for curved lines activated.

-----

Implementing this control into your project is very easy.

#####1) Copy both GraphView.h and GraphView.m into your projet resources.

#####2) In your ViewController.h:

import <UIKit/UIKit.h>
import "GraphView.h"


@interface ViewController : UIViewController <UITextFieldDelegate> {

GraphView *graphView;

}

@property (strong, nonatomic) GraphView *graphView;

@end

#####3) In your ViewController.m:

- (void)viewDidLoad 
{
graphView = [[GraphView alloc]initWithFrame:CGRectMake(10, 10, self.view.frame.size.width-20, 180)];
[graphView setBackgroundColor:[UIColor yellowColor]];
[graphView setSpacing:10];
[graphView setFill:YES];
[graphView setStrokeColor:[UIColor redColor]];
[graphView setZeroLineStrokeColor:[UIColor greenColor]];
[graphView setFillColor:[UIColor orangeColor]];
[graphView setLineWidth:2];
[graphView setCurvedLines:YES];
[self.view addSubview:graphView];
}

Done!

#####To control the graph, use following functions:

1. This will display a graph of float values:

   [graphView setArray:(NSArray)]

2. This will add a point to the graph. You can add as many as you like and even do this dynamically. The graph will update every time a new value has been added:

   [graphView setPoint:(float)]

3. This will reset the graph to all 0 values:

   [graphView resetGraph]

4. This sets the number of values displayed in the graph:

   [graphView setNumberOfPointsInGraph:(int)]

5. This will make the space beneth the graph line fill or not:

   [graphView setFill:(BOOL)]

Thats all!

If you have any more question, please read the comments in GraphView.h and GraphView.m or send me a message.

Please concider the MIT License agreement.

dynamicgraphview's Issues

Reverse Graph

How can I reverse the Graph? Inserting points starting from left and going to right?
Is it possible to remove the line from the last point to the end?

I think this project has much more potential than it is shown!
Thank you for your help

Adding graph to app

I followed your exact instructions to copy graphView.h amd .m to app, then I put exactly what you put in the viewcontroller .h and .m, am I supposed to do something else? Sorry if its a really stupid question.

Display multiple data on the same graph

Suppose I need to display the real time data from multiple sensors on same type every second.
Is it possible to display that on the same graph with the current framework ?

Add option to hide value labels

It'd be nice to be able to disable the min/max/zero labels.

Gradient Fill ?

Hi, is there any chance to implement a gradient color fill layer to:
[graphView setFillColor:[UIColor orangeColor]];

or gradient Alpha to the fill color?

Thank you for considering!
Regards
A.