[Swift通天遁地]3、手勢與圖表-(11)製做雷達圖表更加形象表示各個維度的狀況

★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★
➤微信公衆號：山青詠芝（shanqingyongzhi）
➤博客園地址：山青詠芝（https://www.cnblogs.com/strengthen/）
➤GitHub地址：https://github.com/strengthen/LeetCode
➤原文地址：http://www.javashuo.com/article/p-akikeblx-kt.html 
➤若是連接不是山青詠芝的博客園地址，則多是爬取做者的文章。
➤原文已修改更新！強烈建議點擊原文地址閱讀！支持做者！支持原創！
★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★

目錄：[Swift]通天遁地Swift

本文將演示如何建立雷達圖表更加形象表示各個維度的狀況。

首先確保在項目中已經安裝了所需的第三方庫。

點擊【Podfile】,查看安裝配置文件。

1 platform :ios, '12.0'
2 use_frameworks!
3 
4 target 'DemoApp' do
5     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         //設置數據集的邊緣寬度爲5
38         dataSet.lineWidth = 5
39         //設置數據集的填充顏色爲綠色
40         dataSet.fillColor = NSUIColor.green
41         //設置數據集的填充顏色的透明度爲半透明
42         dataSet.fillAlpha = 0.5
43         //設置數據集的容許繪製數據集的填充屬性
44         dataSet.drawFilledEnabled = true
45         
46         //建立第二個數據集，並設置數據集的值域和標籤文字
47         let dataSet2 = RadarChartDataSet(values: entries2, label: "Company B")
48         //設置數據集的顏色爲橙色
49         dataSet2.setColor(NSUIColor.orange)
50         //設置數據集的邊緣寬度爲5
51         dataSet2.lineWidth = 5
52         //設置數據集的填充顏色爲橙色
53         dataSet2.fillColor = NSUIColor.orange
54         //設置數據集的填充顏色的透明度爲半透明
55         dataSet2.fillAlpha = 0.5
56         //設置數據集的容許繪製數據集的填充屬性
57         dataSet2.drawFilledEnabled = true
58         
59         //建立一個指定顯示區域的雷達圖表視圖
60         let chart = RadarChartView(frame: CGRect(x: 0, y: 40, width: 320, height: 480))
61         //設置圖表視圖的背景顏色爲無色
62         chart.backgroundColor = NSUIColor.clear
63         //設置雷達圖表所顯示的數據內容
64         chart.data = RadarChartData(dataSets: [dataSet,dataSet2])
65         //設置水平座標軸的標籤位置位於底部
66         //共有：頂部、底部、雙側、頂部內側、底部內側五種。
67         chart.xAxis.labelPosition = .bottom
68         //設置圖表的描述信息
69         chart.chartDescription?.text = "strengthen"
70         //設置圖表圖例的位置在圖表的右側
71         chart.legend.horizontalAlignment = .right
72         
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 }