ios-charts在 oc 中使用(Xcode8.1)

Charts以一款用于绘制图表的框架,可以绘制柱状图、折线图、K线图、饼状图等. 由于Charts只有Swift版本,所以在这里详细的讲一下在OC项目中怎么导入Charts框架,下面开始一步一步做!

一、下载Charts框架

下载地址:https://github.com/danielgindi/Charts.

解压后的文件夹里面的内容是这个样子的,如下图:


ios-charts在 oc 中使用(Xcode8.1)_第1张图片


下载完成后,仔细看一下所需环境,很重要!如下图:


ios-charts在 oc 中使用(Xcode8.1)_第2张图片

(如果 ChartsDemo 不能运行,则如图处理)


ios-charts在 oc 中使用(Xcode8.1)_第3张图片

二、新建工程,导入Charts.xcodeproj工程

1.新建工程

新建工程,取名为ChartsDemo.

2.复制Charts-master整个文件到ChartsDemo工程中

如下图:


ios-charts在 oc 中使用(Xcode8.1)_第4张图片

3.导入Charts.xcodeproj工程

将Charts文件夹中的Charts.xcodeproj工程文件导入到ChartsDemo工程中,注意导入的是Charts.xcodeproj工程,而不是Charts文件夹,如下图:


ios-charts在 oc 中使用(Xcode8.1)_第5张图片

4.添加Charts.framework

找到General->Embedded Binaries,点击+号添加Charts.framework,如下图:


ios-charts在 oc 中使用(Xcode8.1)_第6张图片

添加的iOS的framework,如下图:


ios-charts在 oc 中使用(Xcode8.1)_第7张图片

三、建立OC和Swift的桥接文件

在ChartsDemo工程中新建一个Swift文件,名字随便取,这时候会提示是否建立桥接文件,直接选Create Bridging Header选项,如下图:


ios-charts在 oc 中使用(Xcode8.1)_第8张图片

2.在桥接文件中引入Charts

如下图:


ios-charts在 oc 中使用(Xcode8.1)_第9张图片

3.在ViewController.m中引入相关头文件

如下图


ios-charts在 oc 中使用(Xcode8.1)_第10张图片

五、测试

在ViewController.m中进行测试,代码如下:


BarChartView *chatView = [[BarChartView alloc] initWithFrame:CGRectMake(10,100,300,300)];[self.view addSubview:chatView];

运行效果如下:

ios-charts在 oc 中使用(Xcode8.1)_第11张图片

由于没有给数据,所以显示的是No chart date aviailable.

至此,集成Charts完毕!


参考文章:http://www.jianshu.com/p/b2570953d95c

你可能感兴趣的:(ios-charts在 oc 中使用(Xcode8.1))