如何用Core Plot绘制柱状图

Core Plot提供了柱状图的绘制，不足的是，只有垂直柱状图，没有提供水平柱状图。期待下一版本的实现。

1、新建Windows-base Application。加入对Core Plot框架的引用。这里我们假设使用了Core
Plot SDK ，项目设置参考前一博文《Core Plot SDK的用法》。

2、新建ViewController，首先修改ViewController的头文件，import
CorePlot.h，同时实现CPPlotDataSource协议，增加一个CPGraph变量：

#import

<UIKit/UIKit.h>

#import

<CorePlot/CorePlot.h>

@interface

BarChartViewController : UIViewController
<CPPlotDataSource>

{

@private

CPXYGraph

*

barChart

;

}

@property

(

readwrite

,

retain

,

nonatomic

) NSTimer *timer;

@end

3、具体实现如下：

-(

void

)viewDidAppear:(

BOOL

)animated

{

//

为

CPGraph

指定主题

barChart

= [[

CPXYGraph

alloc

]

initWithFrame

:

CGRectZero

];

CPTheme

*theme = [

CPTheme

themeNamed

:

kCPDarkGradientTheme

];

[

barChart

applyTheme

:theme];

//

把

self.view

由

UIView

转变为

CPGraphHostingView

，因为

UIView

无法加载

CPGraph

self

.

view

=[[

CPGraphHostingView

alloc ]
initWithFrame :[

UIScreen

mainScreen
]. bounds ];

CPGraphHostingView

*hostingView = (

CPGraphHostingView

*)

self

.

view

;

[hostingView setHostedGraph :

barChart

];

// CPGraph

边框：无

barChart

.

plotAreaFrame

.

borderLineStyle

=

nil

;

barChart

.

plotAreaFrame

.

cornerRadius

=

0.0f

;

// CPGraph

四边不留白

barChart

.

paddingLeft

=

0.0f

;

barChart

.

paddingRight

=

0.0f

;

barChart

.

paddingTop

=

0.0f

;

barChart

.

paddingBottom

=

0.0f

;

//

绘图区

4

边留白

barChart

.

plotAreaFrame

.

paddingLeft

=

70.0

;

barChart

.

plotAreaFrame

.

paddingTop

=

20.0

;

barChart

.

plotAreaFrame

.

paddingRight

=

20.0

;

barChart

.

plotAreaFrame

.

paddingBottom

=

80.0

;

//CPGraph

标题

barChart

.

title

=

@"Graph
Title"

;

//

在

SDK

中

CPMutableTextStyle

不可用，用

CPTextStyle

替代

CPTextStyle

*
textStyle=[

CPTextStyle

textStyle

];

//

CPMutableTextStyle
*textStyle = [CPTextStyle textStyle];

textStyle.

color

= [

CPColor

grayColor

];

textStyle.

fontSize

=

16.0f

;

barChart

.

titleTextStyle

=
textStyle;

barChart

.

titleDisplacement

=

CGPointMake

(

0.0f

, -

20.0f

);

barChart

.

titlePlotAreaFrameAnchor

=

CPRectAnchorTop

;

//

绘图空间

plot
space

CPXYPlotSpace

*plotSpace
= (

CPXYPlotSpace

*)

barChart

.

defaultPlotSpace

;

//

绘图空间大小：

Y

：

0-300

，

x

：

0-16

plotSpace.

yRange

= [

CPPlotRange

plotRangeWithLocation

:

CPDecimalFromFloat

(

0.0f

)

length

:

CPDecimalFromFloat

(

300.0f

)];

plotSpace.

xRange

= [

CPPlotRange

plotRangeWithLocation

:

CPDecimalFromFloat

(

0.0f

)

length

:

CPDecimalFromFloat

(

16.0f

)];

//

坐标系

CPXYAxisSet

*axisSet =
(

CPXYAxisSet

*)

barChart

.

axisSet

;

//x

轴：为坐标系的

x

轴

CPXYAxis

*x =
axisSet.

xAxis

;

CPLineStyle

*
lineStyle=[[

CPLineStyle

alloc

]

init

];

lineStyle.

lineColor

=[

CPColor

greenColor

];

lineStyle.

lineWidth

=

1.0f

;

//x

轴：线型设置

x.

axisLineStyle

=
lineStyle;

//

大刻度线：线型设置

x.

majorTickLineStyle

=
lineStyle;

//

大刻度线：长度

x.

majorTickLength

=

10

;

//

小刻度线：无

x.

minorTickLineStyle

=lineStyle;

//

小刻度线：长度

x.

minorTickLength

=

5

;

//

大刻度线间隔单位：

5

个单位

x.

majorIntervalLength

=

CPDecimalFromString

(

@"5"

);

//

直角坐标：

0

x.

orthogonalCoordinateDecimal

=

CPDecimalFromString

(

@"0"

);

//

标题

x.

title

=

@"X
Axis"

;

//

标题位置：

7.5

单位

x.

titleLocation

=

CPDecimalFromFloat

(

7.5f

);

//

向下偏移：

55.0

x.

titleOffset

=

55.0f

;

//y

轴

CPXYAxis

*y =
axisSet.

yAxis

;

//y

轴：线型设置

y.

axisLineStyle

=
lineStyle;

//y

轴：线型设置

y.

majorTickLineStyle

=
lineStyle;

//y

轴：不显示小刻度线

y.

minorTickLineStyle

=

nil

;

//

大刻度线间距：

50

单位

y.

majorIntervalLength

=

CPDecimalFromString

(

@"50"

);

//

坐标原点：

0

y.

orthogonalCoordinateDecimal

=

CPDecimalFromString

(

@"0"

);

//

轴标题

y.

title

=

@"Y
Axis"

;

y.

titleOffset

=

45.0f

;

y.

titleLocation

=

CPDecimalFromFloat

(

150.0f

);

//

第

1

个柱状图：黑色

CPBarPlot

*barPlot =
[

CPBarPlot

tubularBarPlotWithColor

:[

CPColor

darkGrayColor

]

horizontalBars

:

NO

];

barPlot.

baseValue

=

CPDecimalFromString

(

@"1"

);

//

数据源，必须实现

CPPlotDataSource

协议

barPlot.

dataSource

=

self

;

//

图形向左偏移：

0.25

barPlot.

barOffset

= -

0.25f

;

//id

，根据此

id

来区分不同的

plot

，或者为不同

plot

提供不同数据源

barPlot.

identifier

=

@"Bar
Plot 1"

;

//

添加图形到绘图空间

[

barChart

addPlot

:barPlot

toPlotSpace

:plotSpace];

//

第

2

个柱状图：蓝色

barPlot = [

CPBarPlot

tubularBarPlotWithColor

:[

CPColor

blueColor

]

horizontalBars

:

NO

];

//

数据源，必须实现

CPPlotDataSource

协议

barPlot.

dataSource

=

self

;

//

柱子的起始基线：即最下沿的

y

坐标

barPlot.

baseValue

=

CPDecimalFromString

(

@"1"

);

//

图形向右偏移：

0.25

barPlot.

barOffset

=

0.25f

;

//

在

SDK

中，

barCornerRadius

被

cornerRadius

替代

barPlot.

cornerRadius

=

2.0f

;

//barPlot.barCornerRadius
= 2.0f;

//id

，根据此

id

来区分不同的

plot

，或者为不同

plot

提供不同数据源

barPlot.

identifier

=

@"Bar
Plot 2"

;

//

添加图形到绘图空间

[

barChart

addPlot

:barPlot

toPlotSpace

:plotSpace];

}

- (

void

)didReceiveMemoryWarning
{

[

super

didReceiveMemoryWarning

];

//
Releases the view if it doesn't have a superview

// Release
anything that's not essential, such as cached data

}

#pragma
mark -

#pragma
mark Plot Data Source Methods

//

返回数据源的纪录数

-(

NSUInteger

)numberOfRecordsForPlot:(

CPPlot

*)plot {

return

16

;

}

//

返回数据源的数据

-(

NSNumber

*)numberForPlot:(

CPPlot

*)plot field:(

NSUInteger

)fieldEnum
recordIndex:(

NSUInteger

)index

{

//

返回类型是一个

NSNumber

NSDecimalNumber

*num =

nil

;

//

如果图形类型是

“

柱状图

”

if

( [plot

isKindOfClass

:[

CPBarPlot

class

]] ) {

//

根据情况，柱状图的每一点都需要返回两种数据：位置（

x

轴），长度（

y

轴）

switch

( fieldEnum
) {

//x

轴坐标（柱子位置）：

case

CPBarPlotFieldBarLocation

:

num = (

NSDecimalNumber

*)[

NSDecimalNumber

numberWithUnsignedInteger

:index];

break

;

//y

轴坐标（柱子长度）：

//SDK

中，枚举

CPBarPlotField

只有两个值

CPBarPlotFieldBarLocation
= 2,

或者

CPBarPlotFieldBarLength

= 3

case

CPBarPlotFieldBarLength

:

//case
CPBarPlotFieldBarTip:

num = (

NSDecimalNumber

*)[

NSDecimalNumber

numberWithUnsignedInteger

:(index+

1

)*(index+

1

)];

//

对于第

2

个图形的点的

y

值，在第一个图形的基础上减去

10

if

( [plot.

identifier

isEqual

:

@"Bar
Plot 2"

] )

num = [num

decimalNumberBySubtracting

:[

NSDecimalNumber

decimalNumberWithString

:

@"10"

]];

break

;

}

}

return

num;

}

-(

CPFill

*)
barFillForBarPlot:(

CPBarPlot

*)barPlot
recordIndex:(

NSNumber

*)index;

{

return

nil

;

}

运行效果如下：