BEMSimpleLineGraph 优雅折线图框架简单使用

BEMSimpleLineGraph 是一个简单易用的 iOS 图表库，它致力于实现折线图的高度可定制和互动，可以轻松地创建出漂亮的折线图。此外，由于轻量级，你可以分分钟将 BEMSimpleLineGraph 集成到你的项目中。

BEMSimpleLineGraph 采用了与 UITableView 和 UICollectionView 相似的数据源和代理模式，如果你对 UITableView 、UITableViewController 或者 UICollectionView 的使用比较熟悉，使用 BEMSimpleLineGraph 应该是一件轻而易举的事情。

gitdemo链接：https://github.com/Boris-Em/BEMSimpleLineGraph.git

1、导入头文件

#import "BEMSimpleLineGraphView.h"

2、签协议

BEMSimpleLineGraphDelegate

BEMSimpleLineGraphDataSource

3、初始化

BEMSimpleLineGraphView 可以使用两种方式进行初始化，直接在 IB（Interface Builder） 文件中添加，或者使用代码。这两种方式提供相同的初始化，仅仅是方式不同，你可以根据项目需要选择合适的方式。

• IB 初始化：

a – 在 ViewController 上拖拽出一个 View

b – 在右侧工具栏中的 Identity 选项卡下将 View 类型改变为 BEMSimpleLineGraphView

c – 使用 IBOutlet 将 View 与代码进行关联

d – 选中 BEMSimpleLineGraphView，将 dataSource 和 delegate 两个代理委托给 ViewController

e – 选中 BEMSimpleLineGraphView，在右侧工具栏中的 Attributes 选项卡下对可定制属性进行设置。注意：折线图的数据无法在 IB 中进行载入。

• 代码初始化：

在实现文件中的合适位置（通常在 viewDidLoad 方法中）添加代码：

1 2 3 4

BEMSimpleLineGraphView * myGraph = [ [ BEMSimpleLineGraphView alloc ] initWithFrame : CGRectMake ( 0 , 0 , 320 , 200 ) ] ; myGraph . dataSource = self ; myGraph . delegate = self ; [ self . view addSubview : myGraph ] ;

4、实现协议方法

实现 BEMSimpleLineGraphDataSource 协议中的两个必须实现的协议方法： numberOfPointsInLineGraph: 和 lineGraph:valueForPointAtIndex: ，并根据需要实现协议中的选择实现的方法。

必须实现的协议方法

1、获取图表中数据点个数的方法

1 2 3

- ( NSInteger ) numberOfPointsInLineGraph : ( BEMSimpleLineGraphView * ) graph {          return X ; // 图表中数据点的个数 }

2、获取每个数据点的值的方法

1 2 3 4

// index 参数是数据点在 X 轴上从左到右的位置索引 - ( CGFloat ) lineGraph : ( BEMSimpleLineGraphView * ) graph valueForPointAtIndex : ( NSInteger ) index {          return … ; // index 对应的数据点在 Y 值 }

刷新数据源

刷新数据源的机制与 UITableView 刷新数据源的机制完全一致：

1 2 3 4 5 6 7 8 9 10

// 可以在任意方法中刷新数据源 - ( void ) anyMethodInYourOwnController {      // 更改属性设置      // 更新数据源        // 回到主线程刷新图表      dispatch_async ( dispatch_get_main_queue ( ) , ^ {          [ self . myGraph reloadGraph ] ;      } ) ; }