iOS封装一个简单的曲线图表视图

功能

如上图，控件主要包含了几个功能点

1、绘制曲线

2、填充曲线围绕部分

3、背后网格线

4、左侧的行标和下方的列标显示

如何使用

github地址： 封装一个简单的曲线图表视图XWCurveView ，使用步骤如下：

1、导入 XWCurveView.h 头文件

2、初始化控件，设置pointValues属性，该属性为所有的绘制点的值的数组，每个绘制点用字典表示，字典必须包含key值为 XWCurveViewPointValuesRowValueKey 和 XWCurveViewPointValuesColumnValueKey 分别代表横纵的值，

3、配置其他可选的属性值

4、调用 - (void)xw_drawCurveView; 进行绘制或者重绘曲线视图

原理

绘制原理很简单，使用了 CAShapeLayer + UIBezierPath ,我们需要将 pointValues 中的所有值转换成控件中的坐标值，然后根据坐标值得到path即能得到曲线，转换的时候需要考虑到每个点的坐标和横纵最值的关系，最值可以手动设置，但如果没设置，可以通过 pointValues 计算得到最值，背后的网格我使用了 CAReplicatorLayer ,这是创建重复控件的利器，下面是主要的代码