前面几篇文章是《charts框架的集成》《charts柱状图》《charts折线图》,建议大家结合起来看,这样更详细。
传送门:
下方是饼状图效果图:
主要核心代码如下,大家可以自己需要修改下方配置:
// 初始化
_pieChartView = [[PieChartView alloc] initWithFrame:CGRectZero]; _pieChartView.backgroundColor = [UIColor whiteColor];
[self.view addSubview:self.pieChartView];
self.pieChartView.frame = CGRectMake(0, 64, kSCREEN_WIDTH, kSCREEN_HEIGHT -64);
-------------------- 饼状图的配置----------------------
// 动画
[self.pieChartView animateWithXAxisDuration:1];
[self.pieChartView animateWithYAxisDuration:1];
// 饼状图距离边缘的间隙
[_pieChartView setExtraOffsetsWithLeft:35 top:10 right:35 bottom:10];
// 是否根据所提供的数据, 将显示数据转换为百分比格式
_pieChartView.usePercentValuesEnabled = NO;
// 拖拽饼状图后是否有惯性效果
_pieChartView.dragDecelerationEnabled = YES
// 是否显示区块文本
_pieChartView.drawSliceTextEnabled = NO;
// 饼状图是否是空心
_pieChartView.drawHoleEnabled = NO;
// 空心半径占比
_pieChartView.holeRadiusPercent = 0.8;
// 空心颜色
_pieChartView.holeColor = [UIColor clearColor];
// 半透明空心半径占比
_pieChartView.transparentCircleRadiusPercent = 0.52;
// 半透明空心的颜色
_pieChartView.transparentCircleColor = [UIColor colorWithRed:210/255.0 green:145/255.0 blue:165/255.0 alpha:0.3];
// 设置空心文字
if (_pieChartView.isDrawHoleEnabled == YES) {
// 是否显示中间文字
_pieChartView.drawCenterTextEnabled = YES;
// 普通文本
// 中间文字
_pieChartView.centerText = @"西瓜";
// 富文本
NSMutableAttributedString *centerText = [[NSMutableAttributedString alloc] initWithString:@"西瓜详情"];
[centerText setAttributes:@{NSFontAttributeName: [UIFont boldSystemFontOfSize:18],
NSForegroundColorAttributeName: HEXCOLOR(0x444444)}
range:NSMakeRange(0, centerText.length)];
_pieChartView.centerAttributedText = centerText;
}
// 设置饼状图描述
// 是否开启描述label
_pieChartView.chartDescription.enabled = NO;
_pieChartView.descriptionFont = [UIFont systemFontOfSize:10];
_pieChartView.descriptionTextColor = [UIColor grayColor];
-------------------------legend图例的属性配置-------------------------------
// 是否开启图例
_pieChartView.legend.enabled = NO;
// 图例在饼状图中的大小占比, 这会影响图例的宽高
_pieChartView.legend.maxSizePercent = 1;
// 文本间隔
_pieChartView.legend.formToTextSpace = 5;
// 图例间隔大小
_pieChartView.legend.yEntrySpace = 5;//10;
_pieChartView.legend.xEntrySpace = 6;
// 字体大小
_pieChartView.legend.font = [UIFont systemFontOfSize:20];
// 字体颜色
_pieChartView.legend.textColor = [UIColor grayColor];
// 图例在饼状图中的位置
_pieChartView.legend.position = ChartLegendPositionBelowChartCenter;
// 图示样式: 方形、线条、圆形
_pieChartView.legend.form = ChartLegendFormSquare;
// 图示大小
_pieChartView.legend.formSize =20;
------------------------饼状图的数据配置----------------------
// 每个区块的金额数
NSMutableArray* moneyArray =[NSMutableArrayarrayWithArray:@[@33.33,@33,@12,@50.66,@10]];
// 每个区块的颜色
NSMutableArray *colors = [[NSMutableArray alloc] init];
[colors addObject:[UIColor colorWithRed:141/255.f green:116/255.f blue:244/255.f alpha:1]];
[colors addObject:[UIColor colorWithRed:245/255.f green:101/255.f blue:103/255.f alpha:1]];
// 每个区块的数据
NSMutableArray *yVals = [[NSMutableArray alloc] init];
for(inti =0; i < moneyArray.count; i++) {
doublerandomVal = [moneyArray[i]doubleValue];
BarChartDataEntry *entry = [[BarChartDataEntry alloc] initWithValue:randomVal xIndex:i];
ChartDataEntry * entry = [[ChartDataEntry alloc] initWithValue:randomVal xIndex:i];
ChartDataEntry* entry = [[ChartDataEntryalloc]initWithX:iy:randomVal];
[yValsaddObject:entry];
}
PieChartDataSet *dataSet = [[PieChartDataSet alloc] initWithValues:yVals label:@""];
// 是否绘制显示数据
dataSet.drawValuesEnabled = NO;
// 区块颜色
dataSet.colors= colors;
// 相邻区块之间的间距
dataSet.sliceSpace=3;
// 选中区块时, 放大的半径
dataSet.selectionShift=12;
// 名称位置
dataSet.xValuePosition = PieChartValuePositionInsideSlice;
// 数据位置
// 数据与区块之间的用于指示的折线样式
dataSet.yValuePosition = PieChartValuePositionOutsideSlice;
// 折线中第一段起始位置相对于区块的偏移量, 数值越大, 折线距离区块越远
dataSet.valueLinePart1OffsetPercentage = 0.85;
// 折线中第一段长度占比
dataSet.valueLinePart1Length = 0.4;
// 折线中第二段长度最大占比
dataSet.valueLinePart2Length = 0.6;
// 折线的粗细
dataSet.valueLineWidth=.6;
// 折线颜色
dataSet.valueLineColor= [UIColororange Color];
dataSet.valueLineVariableLength = YES;
dataSet.valueTextColor= [UIColorblackColor];
NSNumberFormatter *formatter = [[NSNumberFormatter alloc] init];
formatter.numberStyle = kCFNumberFormatterCurrencyStyle;//NSNumberFormatterPercentStyle;
[formattersetPositiveFormat:@"###,##0.00;"];
// 小数位数
formatter.maximumFractionDigits = 2;
formatter.multiplier=@1.f;
formatter.paddingPosition = kCFNumberFormatterPadBeforeSuffix;
// 数据设置上去
_pieChartView.data =data;
如果大家想要demo,或者有问题想问可以加QQ交流群:191409807。