如何使用Core Plot绘制直方图和折线图

Core Plot提供了散点图（CPScatterPlot)绘制，包括折线图和直方图，如下图所示：



下面的代码包括了折线图和直方图的实现：

1、.h文件：

#import

<UIKit/UIKit.h>

#import

<CorePlot/CorePlot.h>

//

散点图的数据点数：

20

#define
num

20

@interface

BarChartViewController : UIViewController <CPPlotDataSource>

{

@private

CPXYGraph

*

graph

;

double

x

[

num

] ;

//

散点的

x

坐标

double

y1

[

num

] ;

//

第

1

个散点图的

y

坐标

double

y2

[

num

];

//

第

2

个散点图的

y

坐标

}

@end

2、.m文件：

#import

"BarChartViewController.h"

@implementation

BarChartViewController

-(

BOOL

)shouldAutorotateToInterfaceOrientation:(

UIInterfaceOrientation

)toInterfaceOrientation

{

return

YES

;

}

#pragma mark -

#pragma mark Initialization and teardown

-(

void

)viewDidAppear:(

BOOL

)animated

{

//

为

CPGraph

指定主题

graph

= [[

CPXYGraph

alloc

]

initWithFrame

:

CGRectZero

];

CPTheme

*theme = [

CPTheme

themeNamed

:

kCPDarkGradientTheme

];

[

graph

applyTheme

:theme];

//

把

self.view

由

UIView

转变为

CPGraphHostingView

，因为

UIView

无法加载

CPGraph

self

.

view

=[[

CPGraphHostingView

alloc ]
initWithFrame :[

UIScreen

mainScreen
]. bounds ];

CPGraphHostingView

*hostingView = (

CPGraphHostingView

*)

self

.

view

;

[hostingView setHostedGraph :

graph

];

// CPGraph

边框：无

graph

.

plotAreaFrame

.

borderLineStyle

=

nil

;

graph

.

plotAreaFrame

.

cornerRadius

=

0.0f

;

//

绘图空间

plot
space

CPXYPlotSpace

*plotSpace
= (

CPXYPlotSpace

*)

graph

.

defaultPlotSpace

;

//

绘图空间大小：

Y

：

0-300

，

x

：

0-16

plotSpace.

yRange

= [

CPPlotRange

plotRangeWithLocation

:

CPDecimalFromFloat

(

0.0f

)

length

:

CPDecimalFromFloat

(

200.0f

)];

plotSpace.

xRange

= [

CPPlotRange

plotRangeWithLocation

:

CPDecimalFromFloat

(

0.0f

)

length

:

CPDecimalFromInt

(

num

)];

// CPGraph

四边不留白

graph

.

paddingLeft

=

0.0f

;

graph

.

paddingRight

=

0.0f

;

graph

.

paddingTop

=

0.0f

;

graph

.

paddingBottom

=

0.0f

;

//

绘图区

4

边留白

graph

.

plotAreaFrame

.

paddingLeft

=

45.0

;

graph

.

plotAreaFrame

.

paddingTop

=

40.0

;

graph

.

plotAreaFrame

.

paddingRight

=

5.0

;

graph

.

plotAreaFrame

.

paddingBottom

=

80.0

;

//

坐标系

CPXYAxisSet

*axisSet =
(

CPXYAxisSet

*)

graph

.

axisSet

;

//x

轴：为坐标系的

x

轴

CPXYAxis

*X =
axisSet.

xAxis

;

//

清除默认的轴标签

,

使用自定义的轴标签

X.

labelingPolicy

=

CPAxisLabelingPolicyNone

;

//

构造

MutableArray

，用于存放自定义的轴标签

NSMutableArray

*customLabels = [

NSMutableArray

arrayWithCapacity

:

num

];

//

构造一个

TextStyle

static

CPTextStyle

*
labelTextStyle=

nil

;

labelTextStyle=[[

CPTextStyle

alloc

]

init

];

labelTextStyle.

color

=[

CPColor

whiteColor

];

labelTextStyle.

fontSize

=

10.0f

;

//

每个数据点一个轴标签

for

(

int

i=

0

;i<

num

;i++) {

CPAxisLabel

*newLabel =
[[

CPAxisLabel

alloc

]

initWithText

: [

NSString

stringWithFormat

:

@"

第

%d

个数据点

"

,(i+

1

)]

textStyle

:labelTextStyle];

newLabel.

tickLocation

=

CPDecimalFromInt

(i);

newLabel.

offset

= X.

labelOffset

+ X.

majorTickLength

;

newLabel.

rotation

=

M_PI

/

2

;

[customLabels

addObject

:newLabel];

[newLabel

release

];

}

X.

axisLabels

=

[

NSSet

setWithArray

:customLabels];

//y

轴

CPXYAxis

*y =
axisSet.

yAxis

;

//y

轴：不显示小刻度线

y.

minorTickLineStyle

=

nil

;

//

大刻度线间距：

50

单位

y.

majorIntervalLength

=

CPDecimalFromString

(

@"50"

);

//

坐标原点：

0

y.

orthogonalCoordinateDecimal

=

CPDecimalFromString

(

@"0"

);

y.

titleOffset

=

45.0f

;

y.

titleLocation

=

CPDecimalFromFloat

(

150.0f

);

//

第

1

个散点图：蓝色

CPScatterPlot

*boundLinePlot = [[[

CPScatterPlot

alloc

]

init

]

autorelease

];

//id

，用于识别该散点图

boundLinePlot.

identifier

=

@"Blue
Plot"

;

//

线型设置

CPLineStyle

* lineStyle
= [[[

CPLineStyle

alloc

]

init

]

autorelease

];

lineStyle.

lineWidth

=

1.0f

;

lineStyle.

lineColor

= [

CPColor

blueColor

];

boundLinePlot.

dataLineStyle

=
lineStyle;

//

设置数据源

,

必须实现

CPPlotDataSource

协议

boundLinePlot.

dataSource

=

self

;

[

graph

addPlot

:boundLinePlot];

//

在图形上添加一些小圆点符号（节点）

CPLineStyle

*symbolLineStyle = [[

CPLineStyle

alloc ]

init

];

//

描边：黑色

symbolLineStyle.

lineColor

= [

CPColor

blackColor

];

//

符号类型：椭圆

CPPlotSymbol

*plotSymbol
= [

CPPlotSymbol

ellipsePlotSymbol

];

//

填充色：蓝色

plotSymbol.

fill

= [

CPFill

fillWithColor

:[

CPColor

blueColor

]];

//

描边

plotSymbol.

lineStyle

=
symbolLineStyle;

//

符号大小：

10*10

plotSymbol.

size

=

CGSizeMake

(

6.0

,

6.0

);

//

向图形上加入符号

boundLinePlot.

plotSymbol

=
plotSymbol;

//

创建渐变区

//

渐变色

1

CPColor

*areaColor
= [

CPColor

colorWithComponentRed

:

0.0

green

:

0.0

blue

:

1.0

alpha

:

1.0

];

//

创建一个颜色渐变：从

建变色

1

渐变到

无色

CPGradient

*areaGradient = [

CPGradient

gradientWithBeginningColor

:areaColor

endingColor

:[

CPColor

clearColor

]];

//

渐变角度：

-90

度（顺时针旋转）

areaGradient.

angle

= -

90.0f

;

//

创建一个颜色填充：以颜色渐变进行填充

CPFill

*areaGradientFill = [

CPFill

fillWithGradient

:areaGradient];

//

为图形

1

设置渐变区

boundLinePlot.

areaFill

=
areaGradientFill;

//

渐变区起始值，小于这个值的图形区域不再填充渐变色

boundLinePlot.

areaBaseValue

=

CPDecimalFromString

(

@"0.0"

);

//interpolation

值为

CPScatterPlotInterpolation

枚举类型，该枚举有

3

个值：

//CPScatterPlotInterpolationLinear,

线性插补

——

折线图

.

//CPScatterPlotInterpolationStepped,

在后方进行插补

——

直方图

//CPScatterPlotInterpolationHistogram,

以散点为中心进行插补

——

直方图

boundLinePlot.

interpolation

=

CPScatterPlotInterpolationHistogram

;

//

第

2

个散点图：绿色

CPScatterPlot

*dataSourceLinePlot = [[[

CPScatterPlot

alloc

]

init

]

autorelease

];

dataSourceLinePlot.

identifier

=

@"Green
Plot"

;

//

线型设置

lineStyle = [[[

CPLineStyle

alloc

]

init

]

autorelease

];

lineStyle.

lineWidth

=

1.0f

;

lineStyle.

lineColor

= [

CPColor

greenColor

];

dataSourceLinePlot.

dataLineStyle

=
lineStyle;

//

设置数据源

,

必须实现

CPPlotDataSource

协议

dataSourceLinePlot.

dataSource

=

self

;

[

graph

addPlot

:dataSourceLinePlot]
;

//

随机产生散点数据

NSUInteger

i;

for

( i =

0

; i <

num

; i++ ) {

x

[i] = i ;

y1

[i] = (

num

*

10

)*(

rand

()/(

float

)

RAND_MAX

);

y2

[i] = (

num

*

10

)*(

rand

()/(

float

)

RAND_MAX

);

}

}

#pragma
mark -

#pragma
mark Plot Data Source Methods

//

返回散点数

-(

NSUInteger

)numberOfRecordsForPlot:(

CPPlot

*)plot

{

return

num

;

}

//

根据参数返回数据（一个

C

数组）

- (

double

*)doublesForPlot:(

CPPlot

*)plot field:(

NSUInteger

)fieldEnum
recordIndexRange:(

NSRange

)indexRange

{

//

返回类型：一个

double

指针（数组）

double

*values;

NSString

*
identifier=(

NSString

*)[plot identifier];

switch

(fieldEnum)
{

//

如果请求的数据是散点

x

坐标

,

直接返回

x

坐标（两个图形是一样的），否则还要进一步判断是那个图形

case

CPScatterPlotFieldX

:

values=

x

;

break

;

case

CPScatterPlotFieldY

:

//

如果请求的数据是散点

y

坐标，则对于图形

1

，使用

y1

数组，对于图形

2

，使用

y2

数组

if

([identifier

isEqualToString

:

@"Blue
Plot"

]) {

values=

y1

;

}

else

values=

y2

;

break

;

}

//

数组指针右移个

indexRage.location

单位，则数组截去

indexRage.location

个元素

return

values +
indexRange.

location

;

}

//

添加数据标签

-(

CPLayer

*)dataLabelForPlot:(

CPPlot

*)plot recordIndex:(

NSUInteger

)index

{

//

定义一个白色的

TextStyle

static

CPTextStyle

*whiteText
=

nil

;

if

(
!whiteText ) {

whiteText
= [[

CPTextStyle

alloc

]

init

];

whiteText.

color

= [

CPColor

whiteColor

];

}

//

定义一个

TextLayer

CPTextLayer

*newLayer =

nil

;

NSString

*
identifier=(

NSString

*)[plot identifier];

if

([identifier

isEqualToString

:

@"Blue
Plot"

]) {

newLayer
= [[[

CPTextLayer

alloc

]

initWithText

:[

NSString

stringWithFormat

:

@"%.0f"

,

y1

[index]]

style

:whiteText]

autorelease

];

}

return

newLayer;

}

@end