首页 > 代码库 > iOS图形库CorePlot
iOS图形库CorePlot
官网http://code.google.com/p/core-plot/
https://github.com/core-plot
Using Core Plot in an Application
https://github.com/core-plot/core-plot/wiki/Using-Core-Plot-in-an-Application
1. 将Framework目录中的CorePlot-CocoaTouch.xcodeproj拖到工程中。
2. Build Phase/Target Dependencies添加CorePlot-CocoaTouch，这样，在编译工程时会同时编译CorePlot库
3. 拖动libCorePlot-CocoaTouch.a到Build Phase/Link Binary with Libraries，如下图
4. 添加其他库:QuartzCore、Accelerate
5.添加头文件
6. 设置Other Linker Flags为-all_load -ObjC
7.#import "CorePlot-CocoaTouch.h"
Core Plot on the web
https://github.com/core-plot/core-plot/wiki/Core-Plot-on-the-Web
绘制曲线
http://www.johnwordsworth.com/2011/10/adding-charts-to-your-iphone-ipad-app-using-core-plot/
1. 添加UIView到xib/Storyboard中，将class修改为CPTGraphHostingView
2.关联@property (strong, nonatomic) IBOutletCPTGraphHostingView *hostingView;
3. 添加属性、方法和协议
<CPTPlotDataSource>{
CPTXYGraph *_graph;
NSMutableArray *_graphData;
}
@property (nonatomic, retain) CPTXYGraph *graph;
@property (nonatomic, retain) NSMutableArray *graphData;
// Specific code that creates the scatter plot.
-(void)initialisePlot;
4.实现方法
@synthesize graph;
@synthesize graphData;
// This does the actual work of creating the plot if we don‘t already have a graph object.
-(void)initialisePlot
{
// Start with some simple sanity checks before we kick off
if ( (self.hostingView == nil) || (self.graphData == nil) ) {
NSLog(@"TUTSimpleScatterPlot: Cannot initialise plot without hosting view or data.");
return;
}
if ( self.graph != nil ) {
NSLog(@"TUTSimpleScatterPlot: Graph object already exists.");
return;
}
// Create a graph object which we will use to host just one scatter plot.
CGRect frame = [self.hostingView bounds];
self.graph = [[CPTXYGraph alloc] initWithFrame:frame];
// Add some padding to the graph, with more at the bottom for axis labels.
self.graph.plotAreaFrame.paddingTop = 20.0f;
self.graph.plotAreaFrame.paddingRight = 20.0f;
self.graph.plotAreaFrame.paddingBottom = 50.0f;
self.graph.plotAreaFrame.paddingLeft = 20.0f;
// Tie the graph we‘ve created with the hosting view.
self.hostingView.hostedGraph = self.graph;
// If you want to use one of the default themes - apply that here.
//[self.graph applyTheme:[CPTTheme themeNamed:kCPTDarkGradientTheme]];
// Create a line style that we will apply to the axis and data line.
CPTMutableLineStyle *lineStyle = [CPTMutableLineStyle lineStyle];
lineStyle.lineColor = [CPTColor orangeColor]; //线条颜色
lineStyle.lineWidth = 2.0f;
// Create a text style that we will use for the axis labels.
CPTMutableTextStyle *textStyle = [CPTMutableTextStyle textStyle];
textStyle.fontName = @"Helvetica";
textStyle.fontSize = 14;
textStyle.color = [CPTColor orangeColor]; //文字颜色
// Create the plot symbol we‘re going to use.
CPTPlotSymbol *plotSymbol = [CPTPlotSymbol crossPlotSymbol];
plotSymbol.lineStyle = lineStyle;
plotSymbol.size = CGSizeMake(8.0, 8.0);
// Setup some floats that represent the min/max values on our axis.
float xAxisMin = -10;
float xAxisMax = 10;
float yAxisMin = 0;
float yAxisMax = 100;
// We modify the graph‘s plot space to setup the axis‘ min / max values.
CPTXYPlotSpace *plotSpace = (CPTXYPlotSpace *)self.graph.defaultPlotSpace;
plotSpace.xRange = [CPTPlotRange plotRangeWithLocation:CPTDecimalFromFloat(xAxisMin) length:CPTDecimalFromFloat(xAxisMax - xAxisMin)];
plotSpace.yRange = [CPTPlotRange plotRangeWithLocation:CPTDecimalFromFloat(yAxisMin) length:CPTDecimalFromFloat(yAxisMax - yAxisMin)];
// Modify the graph‘s axis with a label, line style, etc.
CPTXYAxisSet *axisSet = (CPTXYAxisSet *)self.graph.axisSet;
axisSet.xAxis.title = @"Data X";
axisSet.xAxis.titleTextStyle = textStyle;
axisSet.xAxis.titleOffset = 30.0f;
axisSet.xAxis.axisLineStyle = lineStyle;
axisSet.xAxis.majorTickLineStyle = lineStyle;
axisSet.xAxis.minorTickLineStyle = lineStyle;
axisSet.xAxis.labelTextStyle = textStyle;
axisSet.xAxis.labelOffset = 3.0f;
axisSet.xAxis.majorIntervalLength = CPTDecimalFromFloat(2.0f);
axisSet.xAxis.minorTicksPerInterval = 1;
axisSet.xAxis.minorTickLength = 5.0f;
axisSet.xAxis.majorTickLength = 7.0f;
axisSet.yAxis.title = @"Data Y";
axisSet.yAxis.titleTextStyle = textStyle;
axisSet.yAxis.titleOffset = 40.0f;
axisSet.yAxis.axisLineStyle = lineStyle;
axisSet.yAxis.majorTickLineStyle = lineStyle;
axisSet.yAxis.minorTickLineStyle = lineStyle;
axisSet.yAxis.labelTextStyle = textStyle;
axisSet.yAxis.labelOffset = 3.0f;
axisSet.yAxis.majorIntervalLength = CPTDecimalFromFloat(10.0f);
axisSet.yAxis.minorTicksPerInterval = 1;
axisSet.yAxis.minorTickLength = 5.0f;
axisSet.yAxis.majorTickLength = 7.0f;
// Add a plot to our graph and axis. We give it an identifier so that we
// could add multiple plots (data lines) to the same graph if necessary.
CPTScatterPlot *plot = [[CPTScatterPlot alloc] init];
plot.dataSource = self;
plot.identifier = @"mainplot";
plot.dataLineStyle = lineStyle;
plot.plotSymbol = plotSymbol;
[self.graph addPlot:plot];
}
4.delegate
// Delegate method that returns the number of points on the plot
-(NSUInteger)numberOfRecordsForPlot:(CPTPlot *)plot
{
if ( [plot.identifier isEqual:@"mainplot"] )
{
return [self.graphData count];
}
return 0;
}
// Delegate method that returns a single X or Y value for a given plot.
-(NSNumber *)numberForPlot:(CPTPlot *)plot field:(NSUInteger)fieldEnum recordIndex:(NSUInteger)index
{
if ( [plot.identifier isEqual:@"mainplot"] )
{
NSValue *value = http://www.mamicode.com/[self.graphData objectAtIndex:index];
CGPoint point = [value CGPointValue];
// FieldEnum determines if we return an X or Y value.
if ( fieldEnum == CPTScatterPlotFieldX )
{
return [NSNumber numberWithFloat:point.x];
}
else// Y-Axis
{
return [NSNumber numberWithFloat:point.y];
}
}
return [NSNumber numberWithFloat:0];
}
5.测试代码
-(void)Test{
[_graphData addObject:[NSValue valueWithCGPoint:CGPointMake(-10, 100)]];
[_graphData addObject:[NSValue valueWithCGPoint:CGPointMake(-8, 50)]];
[_graphData addObject:[NSValue valueWithCGPoint:CGPointMake(-6, 20)]];
[_graphData addObject:[NSValue valueWithCGPoint:CGPointMake(-4, 10)]];
[_graphData addObject:[NSValue valueWithCGPoint:CGPointMake(-2, 5)]];
[_graphData addObject:[NSValue valueWithCGPoint:CGPointMake(0, 0)]];
[_graphData addObject:[NSValue valueWithCGPoint:CGPointMake(2, 4)]];
[_graphData addObject:[NSValue valueWithCGPoint:CGPointMake(4, 16)]];
[_graphData addObject:[NSValue valueWithCGPoint:CGPointMake(6, 36)]];
[_graphData addObject:[NSValue valueWithCGPoint:CGPointMake(8, 64)]];
[_graphData addObject:[NSValue valueWithCGPoint:CGPointMake(10, 100)]];
[selfinitialisePlot];
}
6.viewDidLoad中调用Test
viewDidLoad
[graphDataaddObject:[NSValuevalueWithCGPoint:CGPointMake(-10, 100)]];
[graphDataaddObject:[NSValuevalueWithCGPoint:CGPointMake(-8, 50)]];
[graphDataaddObject:[NSValuevalueWithCGPoint:CGPointMake(-6, 20)]];
[graphDataaddObject:[NSValuevalueWithCGPoint:CGPointMake(-4, 10)]];
[graphDataaddObject:[NSValuevalueWithCGPoint:CGPointMake(-2, 5)]];
[graphDataaddObject:[NSValuevalueWithCGPoint:CGPointMake(0, 0)]];
[graphDataaddObject:[NSValuevalueWithCGPoint:CGPointMake(2, 4)]];
[graphDataaddObject:[NSValuevalueWithCGPoint:CGPointMake(4, 16)]];
[graphDataaddObject:[NSValuevalueWithCGPoint:CGPointMake(6, 36)]];
[graphDataaddObject:[NSValuevalueWithCGPoint:CGPointMake(8, 64)]];
[graphDataaddObject:[NSValuevalueWithCGPoint:CGPointMake(10, 100)]];
iOS图形库CorePlot