You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
440 lines
15 KiB
440 lines
15 KiB
// |
|
// FBYLineGraphContentView.m |
|
// FBYDataDisplay-iOS |
|
// |
|
// Created by fby on 2018/1/18. |
|
// Copyright © 2018年 FBYDataDisplay-iOS. All rights reserved. |
|
// |
|
|
|
#import "FBYLineGraphContentView.h" |
|
|
|
#import "FBYLineGraphColorView.h" |
|
|
|
// Tag 基初值 |
|
#define BASE_TAG_COVERVIEW 100 |
|
#define BASE_TAG_CIRCLEVIEW 200 |
|
#define BASE_TAG_POPBTN 300 |
|
|
|
@interface FBYLineGraphContentView() { |
|
//存点位置的数组 |
|
NSMutableArray *pointArray; |
|
NSInteger lastSelectedIndex; |
|
//暂存的Rect; |
|
CGRect _tempRect; |
|
} |
|
|
|
/// 存点的点击View 的数组 |
|
@property(nonatomic, strong) NSMutableArray<UIView*> *pointTapViewArray; |
|
@end |
|
|
|
@implementation FBYLineGraphContentView |
|
|
|
-(UIColor *)MainColor{ |
|
if(!_MainColor){ |
|
_MainColor = [UIColor colorWithRed:255/255.0 green:69/255.0 blue:0/255.0 alpha:1]; |
|
} |
|
return _MainColor; |
|
} |
|
- (void)setMaxValue:(CGFloat)maxValue { |
|
_maxValue = maxValue; |
|
} |
|
|
|
- (void)setValueArray:(NSArray *)valueArray { |
|
_valueArray = valueArray; |
|
} |
|
|
|
- (void)setIsBO:(int)isBO |
|
{ |
|
_isBO = isBO; |
|
} |
|
|
|
- (instancetype)initWithFrame:(CGRect)frame { |
|
self = [super initWithFrame:frame]; |
|
if (self) { |
|
lastSelectedIndex = - 1; |
|
pointArray = [NSMutableArray array]; |
|
_pointTapViewArray = [NSMutableArray array]; |
|
_tempRect = CGRectZero; |
|
self.yAxis_L = frame.size.height; |
|
self.xAxis_L = frame.size.width; |
|
|
|
} |
|
return self; |
|
} |
|
|
|
- (void)mapping { |
|
|
|
[super mapping]; |
|
|
|
[self drawChartLine]; |
|
[self drawGradient]; |
|
|
|
[self setupCircleViews]; |
|
[self setupCoverViews]; |
|
} |
|
|
|
- (void)mapping1 { |
|
|
|
[super mapping1]; |
|
[self drawChartLine1]; |
|
[self drawGradient]; |
|
|
|
[self setupCircleViews]; |
|
[self setupCoverViews]; |
|
} |
|
|
|
- (void)reloadDatas { |
|
|
|
[super reloadDatas]; |
|
|
|
[self clearView]; |
|
[self mapping]; |
|
} |
|
|
|
- (void)reloadDatas1 |
|
{ |
|
[super reloadDatas1]; |
|
// [self clearView]; |
|
[self mapping1]; |
|
} |
|
|
|
#pragma mark 画折线图 |
|
- (void)drawChartLine |
|
{ |
|
UIBezierPath *pAxisPath = [[UIBezierPath alloc] init]; |
|
|
|
CGFloat unint_X = self.xAxis_L / (_xMarkmaxValue - _xMarkminValue); |
|
|
|
for (int i = 0; i < self.valueArray.count; i ++) { |
|
|
|
|
|
|
|
CGFloat value = [self.valueArray[i] floatValue]; |
|
//x轴的比例 |
|
CGFloat xMarkValue = [self.xMarkValues[i] floatValue]; |
|
CGFloat point_X = (xMarkValue-_xMarkminValue) * unint_X + self.startPoint.x; |
|
//Y轴比例 |
|
NSLog(@"%f",self.yAxis_L/3/30); |
|
CGFloat percent = (value - self.minValue) / (self.maxValue - self.minValue); |
|
CGFloat point_Y = self.yAxis_L * (1 - percent) + self.startPoint.y; |
|
// CGFloat point_Y = self.yAxis_L - (value-_minValue) * unint_Y; |
|
|
|
CGPoint point = CGPointMake(point_X, point_Y); |
|
|
|
// 记录各点的坐标方便后边添加渐变阴影 和 点击层视图 等 |
|
[pointArray addObject:[NSValue valueWithCGPoint:point]]; |
|
|
|
if (i == 0) { |
|
[pAxisPath moveToPoint:point]; |
|
} |
|
else { |
|
[pAxisPath addLineToPoint:point]; |
|
} |
|
} |
|
|
|
CAShapeLayer *pAxisLayer = [CAShapeLayer layer]; |
|
pAxisLayer.lineWidth = 1; |
|
pAxisLayer.strokeColor = self.MainColor.CGColor; |
|
pAxisLayer.fillColor = [UIColor clearColor].CGColor; |
|
pAxisLayer.path = pAxisPath.CGPath; |
|
[self.layer addSublayer:pAxisLayer]; |
|
} |
|
|
|
#pragma mark 画折线图 |
|
- (void)drawChartLine1 |
|
{ |
|
UIBezierPath *pAxisPath = [[UIBezierPath alloc] init]; |
|
|
|
CGFloat unint_X = self.xAxis_L / (_xMarkmaxValue - _xMarkminValue); |
|
|
|
for (int i = 0; i < self.valueArray.count; i ++) |
|
{ |
|
|
|
CGFloat value = [self.valueArray[i] floatValue]; |
|
//x轴的比例 |
|
CGFloat xMarkValue = [self.xMarkValues[i] floatValue]; |
|
CGFloat point_X = (xMarkValue-_xMarkminValue) * unint_X + self.startPoint.x; |
|
//Y轴比例 |
|
CGFloat percent = (value - self.minValue) / (self.maxValue - self.minValue); |
|
CGFloat point_Y = self.yAxis_L * (1 - percent) + self.startPoint.y; |
|
// CGFloat point_Y = self.yAxis_L - (value-_minValue) * unint_Y; |
|
|
|
CGPoint point = CGPointMake(point_X, point_Y); |
|
|
|
// 记录各点的坐标方便后边添加渐变阴影 和 点击层视图 等 |
|
[pointArray addObject:[NSValue valueWithCGPoint:point]]; |
|
|
|
if (i == 0) { |
|
[pAxisPath moveToPoint:point]; |
|
} |
|
else { |
|
[pAxisPath addLineToPoint:point]; |
|
} |
|
} |
|
|
|
CAShapeLayer *pAxisLayer = [CAShapeLayer layer]; |
|
pAxisLayer.lineWidth = 1; |
|
pAxisLayer.strokeColor = UIColor.redColor.CGColor; |
|
pAxisLayer.fillColor = [UIColor clearColor].CGColor; |
|
pAxisLayer.path = pAxisPath.CGPath; |
|
[self.layer addSublayer:pAxisLayer]; |
|
} |
|
|
|
|
|
#pragma mark 渐变阴影 |
|
- (void)drawGradient { |
|
|
|
CAGradientLayer *gradientLayer = [CAGradientLayer layer]; |
|
gradientLayer.frame = CGRectMake(0, 0, self.frame.size.width, self.frame.size.height); |
|
// gradientLayer.colors = @[(__bridge id)[UIColor colorWithRed:250/255.0 green:170/255.0 blue:10/255.0 alpha:0.8].CGColor,(__bridge id)[UIColor colorWithWhite:1 alpha:0.1].CGColor]; |
|
|
|
gradientLayer.colors = @[(__bridge id)self.MainColor.CGColor,(__bridge id)[UIColor colorWithWhite:1 alpha:0.1].CGColor]; |
|
|
|
gradientLayer.locations=@[@0.0,@1.0]; |
|
gradientLayer.startPoint = CGPointMake(0.0,0.0); |
|
gradientLayer.endPoint = CGPointMake(0.0,1); |
|
|
|
UIBezierPath *gradientPath = [[UIBezierPath alloc] init]; |
|
// [gradientPath moveToPoint:CGPointMake(self.startPoint.x, self.yAxis_L + self.startPoint.y)]; |
|
CGPoint startPoint = [[pointArray firstObject] CGPointValue]; |
|
[gradientPath moveToPoint:CGPointMake(startPoint.x, self.yAxis_L + self.startPoint.y)]; |
|
for (int i = 0; i < pointArray.count; i ++) { |
|
[gradientPath addLineToPoint:[pointArray[i] CGPointValue]]; |
|
} |
|
|
|
CGPoint endPoint = [[pointArray lastObject] CGPointValue]; |
|
// endPoint = CGPointMake(endPoint.x + self.startPoint.x, self.yAxis_L + self.startPoint.y); |
|
endPoint = CGPointMake(endPoint.x, self.yAxis_L + self.startPoint.y); |
|
[gradientPath addLineToPoint:endPoint]; |
|
CAShapeLayer *arc = [CAShapeLayer layer]; |
|
arc.path = gradientPath.CGPath; |
|
gradientLayer.mask = arc; |
|
[self.layer addSublayer:gradientLayer]; |
|
|
|
} |
|
|
|
#pragma mark 折线上的圆环 |
|
- (void)setupCircleViews { |
|
|
|
for (int i = 0; i < pointArray.count; i ++) { |
|
FBYLineGraphColorView *lineGraphColorView = [[FBYLineGraphColorView alloc] initWithCenter:[pointArray[i] CGPointValue] radius:2]; |
|
lineGraphColorView.tag = i + BASE_TAG_CIRCLEVIEW; |
|
lineGraphColorView.borderColor = self.MainColor; |
|
lineGraphColorView.borderWidth = 1.0; |
|
if (self.maxValue != 160 || self.maxValue != 105) |
|
[self addSubview:lineGraphColorView]; |
|
} |
|
} |
|
|
|
#pragma mark 覆盖一层点击图层 |
|
- (void)setupCoverViews { |
|
|
|
for (int i = 0; i < pointArray.count; i ++) { |
|
|
|
UIView *coverView = [[UIView alloc] init]; |
|
coverView.tag = BASE_TAG_COVERVIEW + i; |
|
/// |
|
if (self.isBO != 1) |
|
{ |
|
if (i == 0) { |
|
|
|
coverView.frame = CGRectMake(self.startPoint.x, self.startPoint.y, self.xScaleMarkLEN / 2, self.yAxis_L); |
|
[self addSubview:coverView]; |
|
} |
|
else if (i == pointArray.count - 1 && pointArray.count == self.xMarkScaleArr.count) { |
|
CGPoint point = [pointArray[i] CGPointValue]; |
|
coverView.frame = CGRectMake(point.x - self.xScaleMarkLEN / 2, self.startPoint.y, self.xScaleMarkLEN / 2, self.yAxis_L); |
|
[self addSubview:coverView]; |
|
} |
|
else { |
|
CGPoint point = [pointArray[i] CGPointValue]; |
|
coverView.frame = CGRectMake(point.x - self.xScaleMarkLEN / 2, self.startPoint.y, self.xScaleMarkLEN, self.yAxis_L); |
|
[self addSubview:coverView]; |
|
} |
|
} |
|
/// |
|
|
|
CGPoint point = [pointArray[i] CGPointValue]; |
|
if(self.chartType == 0){ |
|
coverView.frame = CGRectMake(point.x - 20 / 2, self.startPoint.y, 20, self.yAxis_L); |
|
}else{ |
|
coverView.frame = CGRectMake(point.x - 20 / 2, self.startPoint.y, self.xScaleMarkLEN, self.yAxis_L); |
|
} |
|
|
|
[self addSubview:coverView]; |
|
/// |
|
if (self.isBO != 1) |
|
{ |
|
UITapGestureRecognizer *gesutre = [[UITapGestureRecognizer alloc] initWithTarget:self action:@selector(gesutreAction:)]; |
|
[coverView addGestureRecognizer:gesutre]; |
|
[_pointTapViewArray addObject:coverView]; |
|
} |
|
} |
|
} |
|
|
|
-(void)touchesMoved:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{ |
|
|
|
//判断point是否在rect内 |
|
// bool CGRectContainsPoint(CGRect rect, CGPoint point) |
|
|
|
UITouch* touch = [touches anyObject]; |
|
CGPoint currentPoint = [touch locationInView:self]; // 当前视图内的坐标 |
|
if(!CGRectIsEmpty(_tempRect)){ |
|
if(CGRectContainsPoint(_tempRect, currentPoint)){ |
|
return; |
|
} |
|
} |
|
for (UIView *item in _pointTapViewArray) { |
|
if (CGRectContainsPoint(item.frame, currentPoint)){ |
|
_tempRect = item.frame; |
|
[self gesutreAction:item.gestureRecognizers.firstObject]; |
|
} |
|
} |
|
} |
|
|
|
#pragma mark- 点击层视图的点击事件 |
|
- (void)gesutreAction:(UITapGestureRecognizer *)sender { |
|
|
|
NSInteger index = sender.view.tag - BASE_TAG_COVERVIEW; |
|
|
|
if (lastSelectedIndex != -1) { |
|
|
|
FBYLineGraphColorView *lineGraphColorView = (FBYLineGraphColorView *)[self viewWithTag:lastSelectedIndex + BASE_TAG_CIRCLEVIEW]; |
|
lineGraphColorView.borderWidth = 1; |
|
|
|
UIButton *lastPopBtn = (UIButton *)[self viewWithTag:lastSelectedIndex + BASE_TAG_POPBTN]; |
|
[lastPopBtn removeFromSuperview]; |
|
} |
|
|
|
FBYLineGraphColorView *lineGraphColorView = (FBYLineGraphColorView *)[self viewWithTag:index + BASE_TAG_CIRCLEVIEW]; |
|
lineGraphColorView.borderWidth = 2; |
|
|
|
CGPoint point = [pointArray[index] CGPointValue]; |
|
|
|
UIButton *popBtn = [UIButton buttonWithType:(UIButtonTypeCustom)]; |
|
popBtn.tag = index + BASE_TAG_POPBTN; |
|
CGFloat popBtnWidth = 80; |
|
CGFloat popBtnHeight = 35; |
|
|
|
|
|
// [popBtn setBackgroundImage:[UIImage imageNamed:@"bgcolors"] forState:UIControlStateNormal]; |
|
[popBtn setBackgroundColor:[self.MainColor colorWithAlphaComponent:0.5]]; |
|
|
|
popBtn.layer.cornerRadius = 5; |
|
popBtn.layer.masksToBounds = YES; |
|
|
|
popBtn.titleLabel.textAlignment = NSTextAlignmentCenter; |
|
if(self.chartType == 0){ |
|
popBtnWidth = 80; |
|
popBtnHeight = 35; |
|
// [popBtn setTitleEdgeInsets:UIEdgeInsetsMake(- 3, 0, 0, 0)]; |
|
popBtn.titleLabel.numberOfLines = 2; |
|
popBtn.titleLabel.font = [UIFont systemFontOfSize:10]; |
|
//上传时间 |
|
NSTimeInterval updateTime = [self.xMarkValues[index] integerValue]; |
|
NSDateFormatter*dateFormatter = [[NSDateFormatter alloc]init]; |
|
[dateFormatter setDateFormat:@"HH:mm"]; |
|
NSString *upDateTime = [dateFormatter stringFromDate:[NSDate dateWithTimeIntervalSince1970:updateTime]]; |
|
[popBtn setTitle:[NSString stringWithFormat:@"上传时间:%@\n值:%@",upDateTime,self.valueArray[index]] forState:(UIControlStateNormal)]; |
|
}else{ |
|
popBtnWidth = 50; |
|
popBtnHeight = 25; |
|
popBtn.titleLabel.font = [UIFont systemFontOfSize:12]; |
|
[popBtn setTitle:[NSString stringWithFormat:@"%@",self.valueArray[index]] forState:(UIControlStateNormal)]; |
|
} |
|
CGFloat temp_X = point.x - popBtnWidth/2.0; |
|
if (point.x+popBtnWidth/2.0 > self.frame.size.width){ |
|
temp_X = point.x - popBtnWidth; |
|
} |
|
if (temp_X < 0) { |
|
temp_X = 0; |
|
} |
|
popBtn.frame = CGRectMake(temp_X, point.y - popBtnHeight-5, popBtnWidth, popBtnHeight); |
|
|
|
|
|
|
|
[self addSubview:popBtn]; |
|
|
|
lastSelectedIndex = index; |
|
} |
|
|
|
-(void)drawXGridline{ |
|
[super drawXGridline]; |
|
//如果有上下限 |
|
if (_upperValue > self.minValue) { |
|
UIBezierPath *xAxisPath = [[UIBezierPath alloc] init]; |
|
//Y轴比例 |
|
CGFloat percent = (_upperValue - self.minValue)/ (self.maxValue - self.minValue); |
|
CGFloat point_Y = self.yAxis_L * (1 - percent) + self.startPoint.y; |
|
[xAxisPath moveToPoint:CGPointMake(self.startPoint.x, point_Y)]; |
|
[xAxisPath addLineToPoint:CGPointMake(self.startPoint.x + self.xAxis_L, point_Y)]; |
|
|
|
CAShapeLayer *xAxisLayer = [CAShapeLayer layer]; |
|
[xAxisLayer setLineDashPattern:[NSArray arrayWithObjects:[NSNumber numberWithInt:1], [NSNumber numberWithInt:1.5], nil]]; |
|
xAxisLayer.lineWidth = 0.5; |
|
xAxisLayer.strokeColor = [UIColor redColor].CGColor; |
|
xAxisLayer.path = xAxisPath.CGPath; |
|
[self.layer addSublayer:xAxisLayer]; |
|
|
|
UILabel *markLab = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 25, 16)]; |
|
markLab.center = CGPointMake(self.startPoint.x + self.xAxis_L - 25, point_Y - 16/2.0); |
|
markLab.textAlignment = NSTextAlignmentRight; |
|
markLab.textColor = [UIColor colorWithRed:51.0f/255.0f green:51.0f/255.0f blue:51.0f/255.0f alpha:1.0f]; |
|
markLab.font = [UIFont systemFontOfSize:11.0]; |
|
markLab.text = @"上限"; |
|
[self addSubview:markLab]; |
|
} |
|
|
|
if (_lowerValue > self.minValue){ |
|
UIBezierPath *xAxisPath = [[UIBezierPath alloc] init]; |
|
//Y轴比例 |
|
CGFloat percent = (_lowerValue - self.minValue)/ (self.maxValue - self.minValue); |
|
CGFloat point_Y = self.yAxis_L * (1 - percent) + self.startPoint.y; |
|
[xAxisPath moveToPoint:CGPointMake(self.startPoint.x, point_Y)]; |
|
[xAxisPath addLineToPoint:CGPointMake(self.startPoint.x + self.xAxis_L, point_Y)]; |
|
|
|
CAShapeLayer *xAxisLayer = [CAShapeLayer layer]; |
|
[xAxisLayer setLineDashPattern:[NSArray arrayWithObjects:[NSNumber numberWithInt:1], [NSNumber numberWithInt:1.5], nil]]; |
|
xAxisLayer.lineWidth = 0.5; |
|
xAxisLayer.strokeColor = [UIColor redColor].CGColor; |
|
xAxisLayer.path = xAxisPath.CGPath; |
|
[self.layer addSublayer:xAxisLayer]; |
|
UILabel *markLab = [[UILabel alloc] initWithFrame:CGRectMake(0, 0, 25, 16)]; |
|
markLab.center = CGPointMake(self.startPoint.x + self.xAxis_L - 25, point_Y+10); |
|
markLab.textAlignment = NSTextAlignmentRight; |
|
markLab.textColor = [UIColor colorWithRed:51.0f/255.0f green:51.0f/255.0f blue:51.0f/255.0f alpha:1.0f]; |
|
markLab.font = [UIFont systemFontOfSize:11.0]; |
|
markLab.text = @"下限"; |
|
[self addSubview:markLab]; |
|
} |
|
} |
|
|
|
#pragma mark- 清空视图 |
|
- (void)clearView { |
|
[self removeSubviews]; |
|
[self removeSublayers]; |
|
} |
|
|
|
#pragma mark 移除 点击图层 、圆环 、数值标签 |
|
- (void)removeSubviews { |
|
for (UIView *view in self.subviews) { |
|
[view removeFromSuperview]; |
|
} |
|
} |
|
|
|
#pragma mark 移除折线 |
|
- (void)removeSublayers { |
|
for (CALayer *layer in self.layer.sublayers) { |
|
[layer removeFromSuperlayer]; |
|
} |
|
} |
|
|
|
/* |
|
// Only override drawRect: if you perform custom drawing. |
|
// An empty implementation adversely affects performance during animation. |
|
- (void)drawRect:(CGRect)rect { |
|
// Drawing code |
|
} |
|
*/ |
|
|
|
@end
|
|
|