一个简易的轻量级的画折线图类库
前几天接到业务需求 需要画折线图,网上也看了许多的资料,也有许多封装好的第三方类库比如AAChartKit
、XYPieChart
、PNChart
等好多,不过这些类库大多封装的太厉害了,我这边的业务需求有比较简单,就是单纯的绘制折线图并保证是平滑的曲线,而且要有添加渐变阴影。说下我的思路:
- 先画整个表的横纵坐标系
- 画出纵坐标延伸的网格线
- 添加横纵坐标数字
- 绘制折线
- 变成平滑曲线
- 绘制渐变阴影 最后得到效果是这样婶儿的
具体的使用方法:引入文件夹CXMChartView
到工程,文件SmoothChartView
是画平滑的曲线并带阴影的图,文件BrokenChartView
是画双坐标没有阴影的折线图,可以根据自己的需要进行使用和修改。
/*
* X 轴的刻度数字
*/
@property (nonatomic,strong)NSArray *arrX;
/*
* Y 轴的刻度数字
*/
@property (nonatomic,strong)NSArray *arrY;
/*
* 刷新数据 重新开始动画
*/
-(void)refreshChartAnmition;
/* 根据数据源画图
* pathX :横坐标数据
*
* pathY :纵坐标数据源
* X 是横坐标需要变换的值
*/
-(void)drawSmoothViewWithArrayX:(NSArray*)pathX andArrayY:(NSArray*)pathY andScaleX:(float)X;