iOS画折线图

代码例子效果：下载地址：http://download.csdn.net/detail/qqmcy/6983187

LineChartViewDemo.h

#import <UIKit/UIKit.h>
@interface LineChartViewDemo : UIView
//横竖轴距离间隔
@property (assign) NSInteger hInterval;
@property (assign) NSInteger vInterval;
//横竖轴显示标签
@property (nonatomic, strong) NSArray *hDesc;
@property (nonatomic, strong) NSArray *vDesc;
//点信息
@property (nonatomic, strong) NSArray *array;
@property (nonatomic, strong) NSArray* array1;
@end

LineChartViewDemo.m

#import "LineChartViewDemo.h"
#import "EColumnChartLabel.h"
#define KlineHeight 30
@interface LineChartViewDemo()
{
CALayer *linesLayer;
UIView *popView;
UILabel *disLabel;
int x;
int y;
}
@end
@implementation LineChartViewDemo
- (id)initWithFrame:(CGRect)frame
{
self = [super initWithFrame:frame];
if (self) {
// Initialization code
self.backgroundColor = [UIColor clearColor];
x = frame.size.width;
y = frame.size.height;
_hInterval = 10;
_vInterval = 50;
linesLayer = [[CALayer alloc] init];
linesLayer.masksToBounds = YES;
linesLayer.contentsGravity = kCAGravityLeft;
linesLayer.backgroundColor = [[UIColor redColor] CGColor];
//[self.layer addSublayer:linesLayer];
//PopView
popView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 60, 30)];
[popView setBackgroundColor:[UIColor whiteColor]];
[popView setAlpha:0.0f];
disLabel = [[UILabel alloc]initWithFrame:popView.frame];
[disLabel setTextAlignment:NSTextAlignmentCenter];
[popView addSubview:disLabel];
[self addSubview:popView];
}
return self;
}
// Only override drawRect: if you perform custom drawing.
// An empty implementation adversely affects performance during animation.
- (void)drawRect:(CGRect)rect
{
[self setClearsContextBeforeDrawing: YES];
CGContextRef context = UIGraphicsGetCurrentContext();
//画背景线条------------------
CGColorRef backColorRef = [UIColor redColor].CGColor;
CGFloat backLineWidth = 0.5f;
CGFloat backMiterLimit = 0.f;
CGContextSetLineWidth(context, backLineWidth);//主线宽度
// CGContextSetMiterLimit(context, backMiterLimit);//投影角度
//CGContextSetShadowWithColor(context, CGSizeMake(3, 5), 8, backColorRef);//设置双条线
CGContextSetLineJoin(context, kCGLineJoinRound);
CGContextSetLineCap(context, kCGLineCapRound );
CGContextSetBlendMode(context, kCGBlendModeNormal);
CGContextSetStrokeColorWithColor(context, [UIColor grayColor].CGColor);
// CGContextSetStrokeColorWithColor(context, [UIColor colorWithRed:225.0f / 255.0f green:225.0f / 255.0f blue:225.0f / 255.0f alpha:1.0].CGColor);
// int x = 400 ;
// //Y轴横线
// int y = 300 ;
int tempY = y;
//添加纵轴标签和线
for (int i=0; i<_vDesc.count; i++) {
CGPoint bPoint = CGPointMake(30, tempY);
CGPoint ePoint = CGPointMake(x, tempY);
EColumnChartLabel *label = [[EColumnChartLabel alloc]initWithFrame:CGRectMake(0, 0, 30, 30)];
[label setCenter:CGPointMake(bPoint.x-15, bPoint.y-30)];
[label setTextAlignment:NSTextAlignmentCenter];
[label setBackgroundColor:[UIColor clearColor]];
[label setTextColor:[UIColor blackColor]];
[label setText:[_vDesc objectAtIndex:i]];
[self addSubview:label];
CGContextMoveToPoint(context, bPoint.x, bPoint.y-30);
CGContextAddLineToPoint(context, ePoint.x, ePoint.y-30);
tempY -= y * 0.1;
}
for (int i=0; i<_array.count-1; i++) {
EColumnChartLabel *label = [[EColumnChartLabel alloc]initWithFrame:CGRectMake(i*KlineHeight+30, y - 30, 40, 30)];
[label setTextAlignment:NSTextAlignmentCenter];
[label setBackgroundColor:[UIColor clearColor]];
[label setTextColor:[UIColor redColor]];
label.numberOfLines = 1;
label.adjustsFontSizeToFitWidth = YES;
label . minimumFontSize = 1.0f;
[label setText:[_hDesc objectAtIndex:i]];
[self addSubview:label];
}
CGContextStrokePath(context);
// //画点线条------------------
CGColorRef pointColorRef = [UIColor colorWithRed:24.0f/255.0f green:116.0f/255.0f blue:205.0f/255.0f alpha:1.0].CGColor;
CGFloat pointLineWidth = 1.5f;
CGFloat pointMiterLimit = 5.0f;
CGContextSetLineWidth(context, pointLineWidth);//主线宽度
CGContextSetMiterLimit(context, pointMiterLimit);//投影角度
//CGContextSetShadowWithColor(context, CGSizeMake(3, 5), 8, pointColorRef);//设置双条线
CGContextSetLineJoin(context, kCGLineJoinRound);
CGContextSetLineCap(context, kCGLineCapRound );
CGContextSetBlendMode(context, kCGBlendModeNormal);
//CGContextSetStrokeColorWithColor(context, [UIColor blueColor].CGColor);
UIColor* color1 = c_BeforeLastYear;
[color1 set];
//绘图
CGPoint p1 = [[_array objectAtIndex:0] CGPointValue];
int i = 0;
//获取视图的高
int tempY1 = y;
int tempWidth = y * 0.1f;
float tempHeight = y * (270.0 / 320.0);
float tempHeight1 = y * (20.0f / 320.0f);
// NSLog(@"%f");
CGContextMoveToPoint(context, p1.x + 20, tempHeight-p1.y*tempWidth/tempHeight1);
for (; i<[_array count]; i++)
{
p1 = [[_array objectAtIndex:i] CGPointValue];
CGPoint goPoint = CGPointMake(p1.x + 20, tempHeight-p1.y*tempWidth/tempHeight1);
CGContextAddLineToPoint(context, goPoint.x, goPoint.y);;
//添加触摸点
UIButton *bt = [UIButton buttonWithType:UIButtonTypeCustom];
[bt setBackgroundColor:[UIColor redColor]];
[bt setFrame:CGRectMake(0, 0, 10, 10)];
[bt setCenter:goPoint];
[bt addTarget:self
action:@selector(btAction:)
forControlEvents:UIControlEventTouchUpInside];
[self addSubview:bt];
}
CGContextStrokePath(context);
// CGContextSetStrokeColorWithColor(context, [UIColor greenColor].CGColor);
UIColor* color = c_LastYear;
[color set];
//绘图
p1 = [[_array1 objectAtIndex:0] CGPointValue];
i = 0;
CGContextMoveToPoint(context, p1.x + 20, tempHeight-p1.y*tempWidth/tempHeight1);
for (; i<[_array1 count]; i++)
{
p1 = [[_array1 objectAtIndex:i] CGPointValue];
CGPoint goPoint = CGPointMake(p1.x + 20, tempHeight-p1.y*tempWidth/tempHeight1);
CGContextAddLineToPoint(context, goPoint.x, goPoint.y);;
//添加触摸点
UIButton *bt = [UIButton buttonWithType:UIButtonTypeCustom];
[bt setBackgroundColor:[UIColor redColor]];
[bt setFrame:CGRectMake(0, 0, 10, 10)];
[bt setCenter:goPoint];
[bt addTarget:self
action:@selector(btAction:)
forControlEvents:UIControlEventTouchUpInside];
[self addSubview:bt];
}
CGContextStrokePath(context);
}
- (void)btAction:(id)sender{
[disLabel setText:@"400"];
UIButton *bt = (UIButton*)sender;
popView.center = CGPointMake(bt.center.x, bt.center.y - popView.frame.size.height/2);
[popView setAlpha:1.0f];
}

ViewController.m

#import "LineChartViewDemo.h"
#define CC_DEGREES_TO_RADIANS(__ANGLE__) ((__ANGLE__) * 0.01745329252f)
#define KlineHeight 20
#define KlineWidth 30
@interface ViewController ()
@end
@implementation ViewController
- (void)viewDidLoad
{
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
LineChartViewDemo* line = [[LineChartViewDemo alloc] initWithFrame:CGRectMake(0, 0, 548, 250)];
// line.layer.transform = CATransform3DMakeRotation(CC_DEGREES_TO_RADIANS(90), 0, 0, 1);
NSMutableArray *pointArr = [[NSMutableArray alloc]init];
//生成随机点 1
//[pointArr addObject:[NSValue valueWithCGPoint:CGPointMake(KlineWidth*0, 0)]];
for (int i = 0; i < 12; i++) {
[pointArr addObject:[NSValue valueWithCGPoint:CGPointMake(KlineWidth* (i+1), 55 * i)]];
}
NSMutableArray* pointArr2 = [NSMutableArray array];
//生成随机点 2
for (int i = 0; i < 12; i++) {
[pointArr2 addObject:[NSValue valueWithCGPoint:CGPointMake(KlineWidth* (i + 1), 110 * i)]];
}
//竖轴
NSMutableArray *vArr = [[NSMutableArray alloc]initWithCapacity:pointArr.count-1];
for (int i=0; i<9; i++) {
[vArr addObject:[NSString stringWithFormat:@"%d",i*20]];
}
//横轴
NSMutableArray *hArr = [[NSMutableArray alloc]initWithCapacity:pointArr.count-1];
for (int i = 1; i <= 12; i++) {
[hArr addObject:[NSString stringWithFormat:@"%d",i]];
}
[line setHDesc:hArr];
[line setVDesc:vArr];
[line setArray:pointArr];
[line setArray1:pointArr2];
[self.view addSubview:line];
}

巴特西

iOS画折线图

最新文章

热门文章