如何用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

;

}



运行效果如下：