BEMSimpleLineGraph:优雅的折线图框架

屏幕快照 2016-05-28 下午3.30.52

 

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

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

一、项目详情

通过 Wiki 可以查看 BEMSimpleLineGraph 项目的完整文档。

要求

  • iOS 7.0+,示例项目针对 iOS 8 进行了优化
  • ARC
  • 优化的 ARM64 架构
  • Xcode 版本 6.0 及以后

屏幕快照 2016-05-28 下午3.26.51

开源协议

BEMSimpleLineGraph 在 MIT开源协议 下可以使用,查看 License 文件可以获取更多信息。你可以随意对 BEMSimpleLineGraph 进行更改,并在任何个人或商业项目中使用。如果你在 App 中使用了 BEMSimpleLineGraph,请告知我们,我们将不胜感激。

示例 APP

示例 App 演示了如何正确安装和使用 BEMSimpleLineGraph,你可以通过查看示例 App 来了解正确的安装使用方法。

使用 BEMSimpleLineGraph 的 APP

目前,App Store 有数十个 APP 使用了 BEMSimpleLineGraph。你可以在 known App Store apps using this project on the wiki 中查看完整的列表,阅读他们的详细介绍,获取连接,价格,功能,以及使用 BEMSimpleLineGraph 的效果截图。

如果你的 App 中使用了 BEMSimpleLineGraph,你可以把它添加到 wiki 页面以获取在 README 或 wiki 中进行展示的机会,我们迫不及待想要欣赏你使用 BEMSimpleLineGraph 创造出的作品。

二、使用

点击查看 Wiki 全文

BEMSimpleLineGraph 可以在很短的时间内被添加到任何工程中,支持 CocoaPods,因此应用的是是最新的技术(例如ARC、Storyboard、Interface Builder Attributes、Modules等)。

安装

安装 BEMSimpleLineGraph 最简单的方法是使用 CocoaPods。在 Podfile 文件中添加:

你也可以通过将 Classes 文件夹拖拽到 Xcode 工程中来进行安装。

设置

在工程中设置 BEMSimpleLineGraph 非常简单,如果你熟悉 UITableView 的机制,将会更加容易。步骤如下:

1、导入头文件

2、签协议

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 方法中)添加代码:

4、实现协议方法

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

三、参考文档

下面是 BEMSimpleLineGraph 参考文档的主要部分,全部参考文档请查阅 wiki

必须实现的协议方法

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

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

刷新数据源

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

图表互动

BEMSimpleLineGraph 可以以两种不同的方式响应用户触摸事件:弹出报告和触摸报告。

687474703a2f2f7332312e706f7374696d672e6f72672f336c6b6276677035332f4749465f546f7563685f5265706f72742e676966

弹出报告和触摸报告的用户响应演示

贝塞尔曲线

687474703a2f2f73342e706f7374696d672e6f72672f756366347a737964392f42454d53696d706c655f4c696e655f47726170685f42657a6965725f43757276652e706e67

BEMSimpleLineGraph 可以使用曲线连接数据点,而不是简单地使用直线在数据点之间进行连接:

属性

BEMSimpleLineGraphs 可以通过设置各种属性来定制动画、颜色、图表的透明度等图表特征,许多属性都可以在右侧工具栏中的 Attributes 选项卡下进行设置。

开源地址:https://github.com/Boris-Em/BEMSimpleLineGraph

打赏支持我整理更多优质资源,谢谢!

打赏编辑

打赏支持我整理更多优质资源,谢谢!

任选一种支付方式

1 2 收藏

资源整理者简介:魏川程



直接登录

推荐关注

按分类快速查找

关于资源导航
  • 伯乐在线资源导航收录优秀的工具资源。内容覆盖开发、设计、产品和管理等IT互联网行业相关的领域。目前已经收录 1439 项工具资源。
    推送伯乐头条热点内容微信号:jobbole 分享干货的技术类微信号:iProgrammer