绘制雷达图

 首先我绘制的是五边形的雷达图，大家可以根据具体需要去绘制。

效果如下：

 我们绘制的时候，需要去计算我们渲染的每个三角形的角度.半径，以及顶点坐标，使我们能够准确绘制出自己想要的效果。

大家要是想要更改图形的形状可以再面板上修改，也可动态更改，动态修改只需要去给我们的数组里面添加想改变的数据值即可，如若想改变外部边框颜色修改添加顶点坐标中的颜色即可，切记因为我们挂上脚本的时候他就已经运行了，会有一个报错是我们数组为空的错只需要给数组添加长度即可，并不会影响效果。

 只需要挂载到Image上然后删除Image组件挂载脚本即可使用。

代码如下：

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using System.Linq;

public class LeiDatu : MaskableGraphic
{
    public int[] arr;
    protected override void OnPopulateMesh(VertexHelper vh)
    {
        vh.Clear();
        int n = arr.Length;
        if (n > 3)
        {
            Rect rect = this.rectTransform.rect;
            float r = rect.width < rect.height ? rect.width / 2 : rect.height / 2;//半径
            float ang = Mathf.PI * 2 / n;//角度
            float p = r / arr.Max();//比例
            vh.AddVert(Vector3.up, color, new Vector2(0.5f, 0.5f));//绘制圆心
            for (int i = 0; i < n; i++)
            {
                float x = Mathf.Sin(ang * i) * arr[i] * p;//顶点坐标
                float y = Mathf.Cos(ang * i) * arr[i] * p;
                float ux = (r + x) / (r * 2);//uv坐标
                float uy = (r + y) / (r * 2);
                vh.AddVert(new Vector3(x, y, 0), Color.blue, new Vector2(ux, uy));//添加顶点
                if (i == 0)//绘制顺序
                {
                    vh.AddTriangle(0, n, 1);
                }
                else
                {
                    vh.AddTriangle(0, i, i + 1);
                }
            }
        }
        // Start is called before the first frame update


    }
}