LFLineChart图标
szdxfcgh · 3182浏览量 · 发布于2018-07-13
作者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; i++){
NSMutableDictionary *dict = [[NSMutableDictionary alloc] init];
NSString *xValue;
NSString *yValue;
if (i<10) {
xValue = [NSString stringWithFormat:@"0%d:00",i];
} else {
xValue = [NSString stringWithFormat:@"%d:00",i];
}
yValue = [NSString stringWithFormat:@"%u",arc4random() % 100];
if ([yValue floatValue]>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及以上
关于控件的使用背景
优雅的带有渐变色的折线图,需要纵坐标可以自行加上,图比较简洁清晰,希望可以满足大家的需求
源码使用过程中,如无法搭建或有增加其他功能需求,可联系QQ:236-0248-666 ,付费搭建安装修改服务!
温馨提示:网站源码只作为学习或研究使用,如需商业使用请购买正版!
温馨提示:网站源码只作为学习或研究使用,如需商业使用请购买正版!
相关推荐
自定义柱状图IOS特效案例源码
相关信息
我是陈晓 · 518浏览 · 2021-02-03 20:41:02
CurveLineChart线性图表案例源码
相关信息
kenrry1992 · 439浏览 · 2020-10-28 10:47:41
iOS自定义直方图图表案例
相关信息
冷月葬花魂 · 645浏览 · 2020-04-08 02:54:41
IOS轻便实现可自定义的折线图控件ZHLineChart
相关信息
冷月葬花魂 · 732浏览 · 2020-03-30 10:29:47
Swift5专业K线图 KSChart案例
相关信息
飘飘悠悠 · 759浏览 · 2020-03-09 15:09:13
(swif)ZHLinkageChartView一款可多级联动的表格
相关信息
奔跑的男人 · 596浏览 · 2020-01-14 15:20:39
ZHLinkageChartView一款可多级联动的表格
相关信息
奔跑的男人 · 575浏览 · 2020-01-14 15:14:00
曲线图,柱状图 iOS源码
相关信息
飘飘悠悠 · 622浏览 · 2019-09-26 15:14:44
分类专栏
最新发布
源码排行榜
0评论