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就已经能够运行了。