作者Jucuzzi,代码LFLineChart-master。LFLineChart是图标案例。
如何使用
然后你只需要在需要使用到的地方加入以下代码
// 初始化折线图
self.lineChart = [[LFLineChart alloc] initWithFrame:CGRectMake(10, 80, [UIScreen mainScreen].bounds.size.width - 20, [UIScreen mainScreen].bounds.size.width *3/5)];
self.lineChart.backgroundColor = [UIColor whiteColor];
// 设置折线图属性
self.lineChart.title = @""; // 折线图名称
NSMutableArray *orderedArray = [[NSMutableArray alloc]init];
float max = 0;
for(int i = 0; i < 24 xss=removed xss=removed xss=removed xss=removed>max) {
max = [yValue floatValue];
}
dict = [@{
@"item" : xValue, @"count":yValue
} mutableCopy];
[orderedArray addObject:dict];
}
self.lineChart.maxValue = max;
if (max == 0) {
self.lineChart.maxValue = 5;
}
self.lineChart.xScaleMarkLEN = 60;
self.lineChart.yMarkTitles = @[@"0",[NSString stringWithFormat:@"%.2lf",max/5],[NSString stringWithFormat:@"%.2lf",max*2/5],[NSString stringWithFormat:@"%.2lf",max*3/5],[NSString stringWithFormat:@"%.2lf",max*4/5],[NSString stringWithFormat:@"%.2lf",max]]; // Y轴刻度标签
[self.lineChart setXMarkTitlesAndValues:orderedArray titleKey:@"item" valueKey:@"count"]; // X轴刻度标签及相应的值
//设置完数据等属性后绘图折线图
[self.lineChart mapping];
[self.view addSubview:self.lineChart];
其中需要重点设置的是这几个属性
y轴最大值:self.lineChart.maxValue
x轴间距:self.lineChart.xScaleMarkLEN
y轴坐标显示值(已隐去):self.lineChart.yMarkTitles
x轴坐标显示值:[self.lineChart setXMarkTitlesAndValues:orderedArray titleKey:@"item" valueKey:@"count"];
使用要求
iOS8.0及以上
关于控件的使用背景
优雅的带有渐变色的折线图,需要纵坐标可以自行加上,图比较简洁清晰,希望可以满足大家的需求