#define MAIN_WIDTH [[UIScreen mainScreen] bounds].size.width
#define MAIN_HEIGHT [[UIScreen mainScreen] bounds].size.height
//1.PNCircleChart圆环=================================
//初始化圆环PNCircleChart最后一个初始化方法功能比较齐全
//total总圆100单位
//current占总圆的80单位
//clockwise顺时针方向YES
//shadow有阴影YES
//shadowColor阴影颜色greenColor
//displayCountingLabel是否显示计数标签YES
//overrideLineWidth圆环的宽20像素
PNCircleChart * circleChart = [[PNCircleChart alloc]initWithFrame:CGRectMake(0, 150, MAIN_WIDTH, 200) total:[NSNumber numberWithInt:100] current:[NSNumber numberWithInt:80] clockwise:YES shadow:YES shadowColor:[UIColor greenColor] displayCountingLabel:YES overrideLineWidth:[NSNumber numberWithInt:20]];
//设置颜色
[circleChart setStrokeColorGradientStart:[UIColor redColor]];
//开始画圆
[circleChart strokeChart];
//背景颜色
circleChart.backgroundColor = [UIColor yellowColor];
//Add
[self.view addSubview:circleChart];
//效果如下图
//2.PNLineChart折线图=================================
PNLineChart *lineChart = [[PNLineChart alloc]initWithFrame:CGRectMake(0, 150, MAIN_WIDTH, 300)];
//设置背景颜色
lineChart.backgroundColor = [UIColor yellowColor];
//设置坐标轴是否可见
lineChart.showCoordinateAxis = YES;
//设置是否显示网格线
lineChart.showYGridLines = YES;
//设置网格线颜色
lineChart.yGridLinesColor = [UIColor grayColor];
//设置X轴标签
lineChart.xLabels = @[@"魅族",@"华为",@"中兴",@"小米",@"苹果",@"一加",@"乐视"];
//设置坐标轴颜色
lineChart.axisColor = [UIColor blueColor];
//设置坐标轴宽度
lineChart.axisWidth = 2.0;
//Add
[self.view addSubview:lineChart];
//曲线数据1
PNLineChartData *data1 = [[PNLineChartData alloc]init];
//曲线颜色
data1.color = PNRed;
//曲线格式
data1.inflexionPointStyle = PNLineChartPointStyleCircle;
//设置数据（Y轴坐标根据数据的大小自动适应）
NSArray *dataArray1 = @[@4,@8,@7,@4,@19,@6,@5];
data1.itemCount = dataArray1.count;
data1.getData = ^(NSUInteger index){
CGFloat yValue = [dataArray1[index] floatValue];
return [ PNLineChartDataItem dataItemWithY:yValue];
};
//曲线数据2
PNLineChartData *data2 = [[PNLineChartData alloc]init];
//曲线颜色
data2.color = PNGreen;
//曲线格式
data2.inflexionPointStyle = PNLineChartPointStyleCircle;
//设置数据（Y轴坐标根据数据的大小自动适应）
NSArray *dataArray2 = @[@6,@15,@3,@12,@20,@16,@3];
data2.itemCount = dataArray2.count;
data2.getData = ^(NSUInteger index){
CGFloat yValue = [dataArray2[index] floatValue];
return [ PNLineChartDataItem dataItemWithY:yValue];
};
lineChart.chartData = @[data1,data2];
//开始绘图
[lineChart strokeChart];
//数据标注名称
data1.dataTitle = @"数据1标注名称";
data2.dataTitle = @"数据2标注名称";
//标注摆放样式
lineChart.legendStyle = PNLegendItemStyleSerial;
//标注字体
lineChart.legendFont = [UIFont boldSystemFontOfSize:12.0f];
//标注颜色
lineChart.legendFontColor = [UIColor redColor];
// 标示所在的View
UIView *legend = [lineChart getLegendWithMaxWidth:MAIN_WIDTH];
[legend setFrame:CGRectMake(0, 480, legend.frame.size.width, legend.frame.size.height)];
legend.backgroundColor = [UIColor yellowColor];
[self.view addSubview:legend];
//效果图如下
//3.PNBarChart柱状图=================================
PNBarChart *barChart = [[PNBarChart alloc] initWithFrame:CGRectMake(0, 150, MAIN_WIDTH, 300)];
barChart.backgroundColor = [UIColor yellowColor];
//Y坐标label宽度(微调)
barChart.yChartLabelWidth = 20.0;
barChart.chartMarginLeft = 30.0;
barChart.chartMarginRight = 10.0;
barChart.chartMarginTop = 5.0;
barChart.chartMarginBottom = 10.0;
//X坐标刻度的上边距
barChart.labelMarginTop = 2.0;
//是否显示坐标轴
barChart.showChartBorder = YES;
[barChart setXLabels:@[@"魅族",@"华为",@"中兴",@"小米",@"苹果",@"乐视"]];
[barChart setYValues:@[@20,@8,@5,@33,@16,@8]];
//每个柱子的颜色
[barChart setStrokeColors:@[PNGreen,PNRed,PNRed,PNRed,PNRed,PNRed]];
// barChart.strokeColor = [UIColor redColor];
//是否立体效果
barChart.isGradientShow = NO;
//显示各条状图的数值
barChart.isShowNumbers = YES;
//开始绘图
[barChart strokeChart];
barChart.delegate = self;
//Add
[self.view addSubview:barChart];
//效果图如下
//4.PNPieChart圆饼图=================================
//圆饼数据
NSArray *items = @[[PNPieChartDataItem dataItemWithValue:30 color:PNRed],
[PNPieChartDataItem dataItemWithValue:10 color:PNFreshGreen description:@"绿色"],
[PNPieChartDataItem dataItemWithValue:60 color:PNBlue description:@"蓝色"],
];
//PNPieChart初始化
PNPieChart *pieChart = [[PNPieChart alloc] initWithFrame:CGRectMake(SCREEN_WIDTH /2 - 100, 150, 200, 200) items:items];
pieChart.backgroundColor = [UIColor yellowColor];
//扇形上字体颜色
pieChart.descriptionTextColor = [UIColor whiteColor];
pieChart.descriptionTextFont = [UIFont fontWithName:@"Avenir-Medium" size:11.0];
// 阴影颜色
pieChart.descriptionTextShadowColor = [UIColor yellowColor];
//显示实际数值(不显示比例数字)
pieChart.showAbsoluteValues = YES;
// 只显示数值不显示内容描述
pieChart.showOnlyValues = NO;
//开始绘图
[pieChart strokeChart];
//Add
[self.view addSubview:pieChart];
// 标注排放样式
pieChart.legendStyle = PNLegendItemStyleStacked;
pieChart.legendFont = [UIFont boldSystemFontOfSize:12.0f];
UIView *legend = [pieChart getLegendWithMaxWidth:200];
[legend setFrame:CGRectMake(130, 350, legend.frame.size.width, legend.frame.size.height)];
[self.view addSubview:legend];
//效果图如下
//5.PNRadarChart无线电图=================================
//View背景颜色
self.view.backgroundColor = [UIColor yellowColor];
NSArray *items = @[[PNRadarChartDataItem dataItemWithValue:6 description:@"语文"],
[PNRadarChartDataItem dataItemWithValue:20 description:@"数学"],
[PNRadarChartDataItem dataItemWithValue:8 description:@"英语"],
[PNRadarChartDataItem dataItemWithValue:5 description:@"体育"],
[PNRadarChartDataItem dataItemWithValue:9 description:@"美术"],
[PNRadarChartDataItem dataItemWithValue:4 description:@"其他的"]
];
PNRadarChart *radarChart = [[PNRadarChart alloc] initWithFrame:CGRectMake(0, 150, SCREEN_WIDTH, 300.0) items:items valueDivider:2];
//开始绘图
[radarChart strokeChart];
//Add
[self.view addSubview:radarChart];
//效果图如下
//
网友评论