cahrt框架 ios_iOS使用Charts框架绘制—折线图

首先先看一下效果:

折线图

一、 初始化折线图对象

创建一个折线图的用到的类是LineChartView.h, 代码如下:

self.LineChartView = [[LineChartView alloc] init];

self.LineChartView.delegate = self;//设置代理

[self.view addSubview:self.LineChartView];

[self.LineChartView mas_makeConstraints:^(MASConstraintMaker *make) {

make.size.mas_equalTo(CGSizeMake(self.view.bounds.size.width-20, 300));

make.center.mas_equalTo(self.view);

}];

self.LineChartView.backgroundColor = [UIColor colorWithRed:230/255.0f green:253/255.0f blue:253/255.0f alpha:1];

self.LineChartView.noDataText = @"暂无数据";

二、设置折线图外观样式

1.设置交互样式

self.LineChartView.scaleYEnabled = NO;//取消Y轴缩放

self.LineChartView.doubleTapToZoomEnabled = NO;//取消双击缩放

self.LineChartView.dragEnabled = YES;//启用拖拽图标

self.LineChartView.dragDecelerationEnabled = YES;//拖拽后是否有惯性效果

self.LineChartView.dragDecelerationFrictionCoef = 0.9;//拖拽后惯性效果的摩擦系数(0~1)，数值越小，惯性越不明显

2.设置X轴样式

ChartXAxis *xAxis = self.LineChartView.xAxis;

xAxis.axisLineWidth = 1.0/[UIScreen mainScreen].scale;//设置X轴线宽

xAxis.labelPosition = XAxisLabelPositionBottom;//X轴的显示位置，默认是显示在上面的

xAxis.drawGridLinesEnabled = NO;//不绘制网格线

xAxis.spaceBetweenLabels = 4;//设置label间隔

xAxis.labelTextColor = [self colorWithHexString:@"#057748"];//label文字颜色

3.设置Y轴样式

self.LineChartView.rightAxis.enabled = NO;//不绘制右边轴

ChartYAxis *leftAxis = self.LineChartView.leftAxis;//获取左边Y轴

leftAxis.labelCount = 5;//Y轴label数量，数值不一定，如果forceLabelsEnabled等于YES, 则强制绘制制定数量的label, 但是可能不平均

leftAxis.forceLabelsEnabled = NO;