用UGUI绘制雷达图

雷达图在我们的游戏中是一个非常重要的组成部分，例如我们在初次进入一个游戏，在创建角色的过程中经常见到雷达图。 它可以将数据可视化，更直观的将数据展现了出来， 可以让我们快速了解游戏中人物的各项数据，从而让更快的选出适合我们的人物。除了选人之外，还有很多地方也用到了雷达图，今天，让我们一起来学习一下UGUI中雷达图的绘制。

 

 

我们首先来了解一下雷达图的实现原理：

1.我们重写image的OnPopulateMesh(VertexHelper vh)函数，清空所有顶点信息（VertexHelper.Clear() 清空后该image就不会进行显示）；
2..然后我们构建五边形的5个顶点(初始位置在正五边形的五个顶点位置)，之后创建外部系数控制5项数据的大小，得到5个顶点的最终显示位置，之后3个顶点构成面即可；
3.重新给VertexHelper对象添加顶点信息，三角面信息，我们原始的Image就会显示为五边形形状 来表现数据倾向。

 下面是代码：

using System.Collections;
using System.Collect