PNChart,简洁高效有动画效果的iOS图表库

王朝学院·作者佚名  2016-08-27
窄屏简体版  字體: 小  |  中  |  大  |  超大  

导入pod导入相对简单,要手动导入这个库,先下载下来(https://github.com/kevinzhow/PNChart),解压后把PNChart文件夹拖入工程中

运行发现#import"PNRadarChartDataItem.h"报红,在它的.h文件里引入#import头文件;#import报错,下载UICountingLabel(https://github.com/dataxPRess/UICountingLabel)解压后把UICountingLabel的.m和.h文件拖入工程,把报错的头文件换为#import"UICountingLabel.h"

项目中引用头文件#import"PNChart.h"折线图PNLineChart * lineChart = [[PNLineChartalloc]initWithFrame:CGRectMake(0,135.0,SCREEN_WIDTH,200.0)];

//X轴数据

[lineChart setXLabels:@[@"SEP 1",@"SEP 2",@"SEP 3",@"SEP 4",@"SEP 5"]];

//Y轴数据

NSArray * data01Array =@[@60.1,@160.1,@126.4,@262.2,@186.2];

PNLineChartData *data01 = [PNLineChartDatanew];

data01.color = PNFreshGreen;

data01.itemCount = lineChart.xLabels.count;

data01.getData = ^(NSUInteger index) {

CGFloat yValue = [data01Array[index] floatValue];

return [PNLineChartDataItemdataItemWithY:yValue];

};

//可以添加多条折线

NSArray * data02Array =@[@20.1,@180.1,@26.4,@202.2,@126.2];

PNLineChartData *data02 = [PNLineChartDatanew];

data02.color = PNTwitterColor;

data02.itemCount = lineChart.xLabels.count;

data02.getData = ^(NSUInteger index) {

CGFloat yValue = [data02Array[index] floatValue];

return [PNLineChartDataItemdataItemWithY:yValue];

};

lineChart.chartData = @[data01, data02];

[lineChart strokeChart];

//加载在视图上

[self.windowaddSubview:lineChart];

柱状图PNBarChart * barChart = [[PNBarChartalloc]initWithFrame:CGRectMake(0,135.0,SCREEN_WIDTH,200.0)];

//X轴数据

[barChart setXLabels:@[@"SEP 1",@"SEP 2",@"SEP 3",@"SEP 4",@"SEP 5"]];

//Y轴数据

[barChart setYValues:@[@1, @10,@2,@6,@3]];

[barChart strokeChart];

//加载在视图上

[self.windowaddSubview:barChart];

饼状图PNPieChart *pieChart = [[PNPieChartalloc]initWithFrame:CGRectMake(40.0,155.0,240.0,240.0)items:items];

//饼状图文字颜色

pieChart.descriptionTextColor = [UIColorwhiteColor];

pieChart.descriptionTextFont = [UIFontfontWithName:@"Avenir-Medium"size:14.0];

//绘制

[pieChart strokeChart];

//加载在视图上

[self.windowaddSubview:pieChart];

圆形进度条// total参数是进度条的总数据量,current是当前的数据量,closewise是绘制方向,YES是从左到右,NO为从右到左

PNCircleChart *circleChart = [[PNCircleChartalloc]initWithFrame:CGRectMake(40.0,155.0,240.0,240.0)total:@100current:@30clockwise:NO];

//绘制图形

[circleChart strokeChart];

//加载在视图上

[self.windowaddSubview:circleChart];

注: 文章由我们 iOS122(http://www.ios122.com)的小伙伴@偌一茗整理,喜欢就一起参与:iOS122 任务池

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航