[Swift通天遁地]三、手势与图表-(12)创建复合图表：包含线性图表和柱形图表

概述本文将演示如何创建复合图表：包含线性图表和柱形图表。 首先确保在项目中已经安装了所需的第三方库。 点击【Podfile】,查看安装配置文件。 1 platform :ios, ‘12.0‘2 use_frameworks!3 4 target ‘DemoApp‘ do5 source ‘https://github.com/CocoaPods/Specs.git‘6

本文将演示如何创建复合图表：包含线性图表和柱形图表。

首先确保在项目中已经安装了所需的第三方库。

点击【Podfile】,查看安装配置文件。

1 platform :ios,‘12.0‘2 use_frameworks!3 4 target ‘DemoApp‘ do5     source ‘https://github.com/CocoaPods/Specs.git‘6     pod ‘Charts‘7 end

根据配置文件中的相关配置，安装第三方库。

然后点击打开【DemoApp.xcworkspace】项目文件。

为了更好的显示柱形图标需要调整模拟器的朝向。

【DemoApp】->【General】

->【Device OrIEntation】取消勾选【Portrait】肖像选项，使模拟器保持横向显示。

在项目导航区，打开视图控制器的代码文件【VIEwController.swift】

 1 import UIKit 2 //首先在当前的类文件中，引入已经安装的第三方类库 3 import Charts 4  5 class VIEwController: UIVIEwController { 6  7     overrIDe func vIEwDIDLoad() { 8         super.vIEwDIDLoad() 9         // Do any additional setup after loading the vIEw,typically from a nib.10         11         //依次创建一个包含6个数字的数组，作为柱形图表的数据源12         let values1: [Double] = [76,25,20,13,52,57]13         14         //创建一个图表数据记录15         var entrIEs1: [ChartDataEntry] = Array()16 17         //通过一个循环18         for (i,value) in values1.enumerated()19         {20             //将数组中的数字，添加到图表数据记录中。21             entrIEs1.append(barChartDataEntry(x: Double(i),y: value))22         }23         24         //创建柱形图表数据集，并设置数据集的值域和标签文字25         let dataSet = barChartDataSet(values: entrIEs1,label: "Revenue")26         //设置数据集的填充颜色属性27         dataSet.setcolor(NSUIcolor(red: 229/255,green: 140/255,blue: 154/255,Alpha: 1))28         29 30         //依次创建一个包含6个数字的数组，作为折线图表的数据源31         let valuesline: [Double] = [8,104,81,93,44 ]32         33          //创建一个图表数据记录34         var entrIEsline: [ChartDataEntry] = Array()35 36         //通过一个循环37         for (i,value) in valuesline.enumerated()38         {39              //将数组中的数字，添加到图表数据记录中。40             entrIEsline.append(ChartDataEntry(x: Double(i),y: value))41         }42         43         //创建折线图表数据集，并设置数据集的值域和标签文字44         let dataSetline = lineChartDataSet(values: entrIEsline,label: "Cost")45         //设置该数据集的填充颜色属性46         dataSetline.setcolor(NSUIcolor(red: 243/255,green: 209/255,blue: 142/255,Alpha: 1))47         //设置在折线图表中，不在端点绘制折线图标48         dataSetline.drawCirclesEnabled = false49         //设置折线的宽度为3.050         dataSetline.linewidth = 3.051         52         //创建一个复合图表数据53         let data = CombinedChartData()54         //设置复合图表数据的折线图数据的内容55         data.lineData = lineChartData(dataSet: dataSetline)56         //设置复合图表数据的柱形图数据的内容57         data.barData = barChartData(dataSet: dataSet)58         59         //创建一个指定显示区域的复合图表视图60         let cv = CombinedChartVIEw(frame: CGRect(x: 0,y: 40,wIDth: 560,height: 240))61         //设置复合图表所显示的数据内容62         cv.data = data63         //设置复合图表绘制的顺序，先绘制柱形图表，再绘制折线图表64         cv.drawOrder = [DrawOrder.bar.rawValue,DrawOrder.line.rawValue]65         //设置复合图表不绘制柱形的阴影66         cv.drawbarShadowEnabled = false67         //设置复合图表不在柱形的上方绘制数值标签68         cv.drawValueAbovebarEnabled = false69         70         //将配置好的复合图表，添加到根视图中71         self.vIEw.addSubvIEw(cv)72     }73 74     overrIDe func dIDReceiveMemoryWarning() {75         super.dIDReceiveMemoryWarning()76         // dispose of any resources that can be recreated.77     }78 }

总结

以上是内存溢出为你收集整理的[Swift通天遁地]三、手势与图表-(12)创建复合图表：包含线性图表和柱形图表全部内容，希望文章能够帮你解决[Swift通天遁地]三、手势与图表-(12)创建复合图表：包含线性图表和柱形图表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。