iOS製做一個雷達圖，可用於多種場景（一）

正文開始前呢先放一張圖，展現一下什麼是雷達圖（圖片來自百度）

接下來呢，是本篇文章demo的地址，其中RadarChartView.swift能夠直接用在其餘的項目中。

雷達圖的應用場景其實仍是比較多的，好比說能夠做爲顯示評分的一種方式。

RadarChartView.swift採用了實時渲染的方式，也就是說若是你將一個view的class設爲了RadarChartView，在storyboard中雷達圖就能夠及時的顯示出來。固然也能夠經過代碼的方式實例化一個RadarChartView。還能夠在storyboard中直接修改雷達圖線條的顏色，寬度，某個評分的最大值等等。

這個我第一次嘗試封裝了一個自定義控件，還但願你們多多支持，批評指正。

新建項目

新建一個名叫RadarChart的項目，language選擇Swift。

添加RadarChartView

拖拽一個view到storyboard，能夠按本身的需求添加約束，而後在identity inspector將class改成RadarChartView

而後添加三個button到storyboard

這三個button的做用主要是爲了展示不一樣的雷達圖，能夠展示5條邊、6條邊或者7條邊的雷達圖，也就是說能夠根據本身的須要展示不一樣數量的數據。
而後打開ViewController.swift添加如下代碼：

@IBOutlet weak var radarChartView: RadarChartView!

@IBAction func firstButtonTapped(sender: UIButton) {
        
    radarChartView.angle = 5
    radarChartView.value = [35.6, 44.7, 78.9, 52.3, 89.7]
}
    
@IBAction func secondButtonTapped(sender: UIButton) {
        
    radarChartView.angle = 6
    radarChartView.value = [35.6, 44.7, 78.9, 52.3, 89.7, 83.6]
}
    
@IBAction func thirdButtonTapped(sender: UIButton) {
        
    radarChartView.angle = 7
    radarChartView.value = [35.6, 44.7, 78.9, 52.3, 89.7, 48.7, 94.1]
}

這個簡單的demo就已經能夠運行了。