[Swift通天遁地]三、手势与图表-(11)制作雷达图表更加形象表示各个维度的情况

[Swift通天遁地]三、手势与图表-(11)制作雷达图表更加形象表示各个维度的情况,第1张

概述本文将演示如何创建雷达图表更加形象表示各个维度的情况。 首先确保在项目中已经安装了所需的第三方库。 点击【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] = [58,61,81,93,52,44]13         let values2: [Double] = [96,79,60,63,82,77]14         15         //依次创建三个图表数据记录16         var entrIEs1: [ChartDataEntry] = Array()17         var entrIEs2: [ChartDataEntry] = Array()18         19         //通过一个循环20         for (_,value) in values1.enumerated()21         {22             //将第一个数组中的数字,添加到图表数据记录中。23             entrIEs1.append(RadarChartDataEntry(value: value))24         }25         26         //通过一个循环27         for (_,value) in values2.enumerated()28         {29             //将第二个数组中的数字,添加到图表数据记录中。30             entrIEs2.append(RadarChartDataEntry(value: value))31         }32         33         //创建第一个数据集,并设置数据集的值域和标签文字34         let dataSet = RadarChartDataSet(values: entrIEs1,label: "Company A")35         //设置数据集的颜色为绿色36         dataSet.setcolor(NSUIcolor.green)37         //设置数据集的边缘宽度为538         dataSet.linewidth = 539         //设置数据集的填充颜色为绿色40         dataSet.fillcolor = NSUIcolor.green41         //设置数据集的填充颜色的透明度为半透明42         dataSet.fillAlpha = 0.543         //设置数据集的允许绘制数据集的填充属性44         dataSet.drawFilledEnabled = true45         46         //创建第二个数据集,并设置数据集的值域和标签文字47         let dataSet2 = RadarChartDataSet(values: entrIEs2,label: "Company B")48         //设置数据集的颜色为橙色49         dataSet2.setcolor(NSUIcolor.orange)50         //设置数据集的边缘宽度为551         dataSet2.linewidth = 552         //设置数据集的填充颜色为橙色53         dataSet2.fillcolor = NSUIcolor.orange54         //设置数据集的填充颜色的透明度为半透明55         dataSet2.fillAlpha = 0.556         //设置数据集的允许绘制数据集的填充属性57         dataSet2.drawFilledEnabled = true58         59         //创建一个指定显示区域的雷达图表视图60         let chart = RadarChartVIEw(frame: CGRect(x: 0,y: 40,wIDth: 320,height: 480))61         //设置图表视图的背景颜色为无色62         chart.backgroundcolor = NSUIcolor.clear63         //设置雷达图表所显示的数据内容64         chart.data = RadarChartData(dataSets: [dataSet,dataSet2])65         //设置水平坐标轴的标签位置位于底部66         //共有:顶部、底部、双侧、顶部内侧、底部内侧五种。67         chart.xAxis.labelposition = .bottom68         //设置图表的描述信息69         chart.chartDescription?.text = "strengthen"70         //设置图表图例的位置在图表的右侧71         chart.legend.horizontalAlignment = .right72         73         //将配置好的图表添加到根视图中74         self.vIEw.addSubvIEw(chart)75     }76 77     overrIDe func dIDReceiveMemoryWarning() {78         super.dIDReceiveMemoryWarning()79         // dispose of any resources that can be recreated.80     }81 }
总结

以上是内存溢出为你收集整理的[Swift通天遁地]三、手势与图表-(11)制作雷达图表更加形象表示各个维度的情况全部内容,希望文章能够帮你解决[Swift通天遁地]三、手势与图表-(11)制作雷达图表更加形象表示各个维度的情况所遇到的程序开发问题。

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

欢迎分享,转载请注明来源:内存溢出

原文地址: https://outofmemory.cn/web/1021186.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-23
下一篇 2022-05-23

发表评论

登录后才能评论

评论列表(0条)

保存