iOS在OC项目中集成Charts绘制图表框架
Charts以一款用于绘制图表的框架,可以绘制柱状图、折线图、K线图、饼状图等. 由于Charts只有Swift版本,所以在这里详细的讲一下在OC项目中怎么导入Charts框架,下面开始一步一步做!
一、下载Charts框架
下载地址:https://github.com/danielgindi/Charts.
解压后的文件夹里面的内容是这个样子的,如下图:
![](https://img.haomeiwen.com/i1803339/89928f9a0bde602d.png)
下载完成后,仔细看一下所需环境,很重要!如下图:
![](https://img.haomeiwen.com/i1803339/9a2119f56802bdf8.png)
二、新建工程,导入Charts.xcodeproj
工程
1.新建工程
新建工程,取名为ImportChartsDemo
.
2.复制Charts
整个文件到ImportChartsDemo
工程中
Charts
在哪里?在这里,如下图:
![](https://img.haomeiwen.com/i1803339/92f4fbde99cdf2a0.png)
然后把Charts
文件复制到ImportChartsDemo
工程中去,如下图;
![](https://img.haomeiwen.com/i1803339/e7fa69b4bca1b2a6.png)
3.导入Charts.xcodeproj
工程
将Charts
文件夹中的Charts.xcodeproj
工程文件导入到ImportChartsDemo
工程中,注意导入的是Charts.xcodeproj
工程,而不是Charts
文件夹,如下图:
![](https://img.haomeiwen.com/i1803339/13a02676fdb198eb.png)
4.添加Charts.framework
找到General->Embedded Binaries,点击+号添加Charts.framework
,如下图:
![](https://img.haomeiwen.com/i1803339/0b07a326461d7441.png)
添加的iOS的framework,如下图:
![](https://img.haomeiwen.com/i1803339/ecc3dd23196c3b78.png)
三、建立OC和Swift的桥接文件
在ImportChartsDemo
工程中新建一个Swift文件,名字随便取,这时候会提示是否建立桥接文件,直接选Create Bridging Header
选项,如下图:
![](https://img.haomeiwen.com/i1803339/47d311071dcec201.png)
新建完成后,会自动生成一个桥接文件,如下图:
![](https://img.haomeiwen.com/i1803339/5b0440bffc97ed2d.png)
四、设置编译选项及引入Charts
1.设置编译选项
找到Build Settings -> Embedded Content Contains Swift Code 选项,设置为Yes,如下图:
![](https://img.haomeiwen.com/i1803339/978c2c1d5885cde4.png)
2.在桥接文件中引入Charts
如下图:
![](https://img.haomeiwen.com/i1803339/83022f6a263a7166.png)
3.在ViewController.m
中引入相关头文件
如下图:
![](https://img.haomeiwen.com/i1803339/755b9017f3054903.png)
引入完成之后,编译一下,如果有错,Clean一下再次编译,编译没有错误说明导入成功.
五、测试
在ViewController.m
中进行测试,代码如下:
BarChartView *chatView = [[BarChartView alloc] initWithFrame:CGRectMake(10, 100, 300, 300)];
[self.view addSubview:chatView];
运行效果如下:
![](https://img.haomeiwen.com/i1803339/6addcad0838f3860.png)
由于没有给数据,所以显示的是No chart date aviailable.
至此,集成Charts
完毕!
Demo地址:https://coding.net/u/wanglei123/p/ImportChartsDemo/git.