Skip to content

chenXming/CXMChartView

Repository files navigation

CXMChartView

一个简易的轻量级的画折线图类库 前几天接到业务需求 需要画折线图,网上也看了许多的资料,也有许多封装好的第三方类库比如AAChartKit XYPieChartPNChart等好多,不过这些类库大多封装的太厉害了,我这边的业务需求有比较简单,就是单纯的绘制折线图并保证是平滑的曲线,而且要有添加渐变阴影。说下我的思路:

  • 先画整个表的横纵坐标系
  • 画出纵坐标延伸的网格线
  • 添加横纵坐标数字
  • 绘制折线
  • 变成平滑曲线
  • 绘制渐变阴影 最后得到效果是这样婶儿的

animiation.gif
具体的使用方法:引入文件夹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;

demo的实现效果是这样这样婶儿的
 

About

一个简易的轻量级的画折线图类库

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published