SLCurveChartDemo

A Easy Way to draw a curve chart for iOS!

Cocoapod集成

pod 'SLCurveChartLib', '~> 1.1.0'

应网友要求

1. 一张图上绘制多个曲线 由于本人觉的一张图绘制多个曲线，一来每个项目需求不同，二来本身不同的数据绘制同一个图上，必然会有有些单位的不平均，以及点数X坐标的差异等等诸多问题 所以在本gitHub上新建了一个mulcurDev的分支，仅仅考虑了，两个曲线单位无差别处理，X轴是一致的情况。有需要绘制这种曲线的网友请，checkout该分支，tag 1.0.3版本。 应用该多图绘制是，注意保证两个曲线X轴数据相同，且点数一致即可。（以下有效果图展示）
2. 绘制对应的渐变或者纯色填充区域 在mulCurDev分支上新提供了，绘制渐变区域和纯色填充的方法，详细见Demo,以下有演示。
3. 至于网友提到能否绘制柱状图 等有时间会更新上，初衷只是想作为曲线图的库，更新柱状图倒也简单，已经预留了一些拓展。

框架逻辑说明

近日从网友反映来看，可能代码注释不多，大家可能不知道从何下手，比如绘制多条曲线，如何自定义对应坐标的刻度显示，所以附上对应的框架逻辑图。 还有该框架的封装的基本结构很大参考了Charts框架的封装形式，内部实现机制不一致，也是作为Charts框架的致敬吧！ 近日从网友反映来看，可能代码注释不多，大家可能不知道从何下手，比如绘制多条曲线，如何自定义对应坐标的刻度显示，所以附上对应的框架逻辑图。

1. 整个图表的整体框架组件
2. 图表组件各个类的继承关系图谱
3. 图标中各个数据源的继承关系以及框架预留拓展部分

效果展示

使用该库可以非常灵活的配置曲线颜色，曲线样式，对应X轴和自定义的Y轴配置，动态纵坐标，是否使能缩放X轴，以及对应网格等等。效果如下图所示：

• 显示左侧Y轴以及Y轴网格
• 不显示任何坐标轴以及对应的网格
• 显示X轴和对应的网格
• 显示正常的左测Y轴和X轴和对应的网格
• 同时显示X轴，左右两侧的Y轴以及对应的网格
• 一张图表中显示多个曲线，主要需要同步的是mulcurDev分支
• 出现填充和渐变
• 改变背景色如此简单，发现暗黑主题也挺帅的 mulcurDev分支上，注意该截图中的内部小圆和外部小圆不同心，该问题在最新的mulcurDeV分支上该问题已经解决。 1.1.0 更新版本的新的效果图展示

使用说明

Lib文件夹如下：

API的调用和具体参照DEMO，如果通过代码创建的UIView还是通过Xib、Storyboard来创建。只需要改View的类是BaseCurveView就能轻松实现作图的功能，其中曲线颜色，线宽，X轴，Y轴的字体，颜色，网格的实线，虚线均可以灵活配置。 使用的时候引入总头文件**#import "SLCurveChartLib.h"**即可.