Unity雷达图

RedZero9 · 发表于 2022-5-11 09:51

效果大致如下：

代码如下：
using System.Collections;using System.Collections.Generic;using System.Linq;//.Max()属于该命名空间using UnityEngine;using UnityEngine.UI;//继承绘制public class RadarChart : Graphic{ public Texture texture;//背景图 public float[] arr; public Color backColor; public float padding = 0;//边距 public float thick = 1;//描边的粗细 public Color sideColor;//描边的颜色 public float[] arr2; public Color arr2Color; public Color side2Color;//描边的颜色 //重新绘制，每次改变数组中数值后调用 public override void SetVerticesDirty() { base.SetVerticesDirty(); } //重新图片读取 public override Texture mainTexture { get { if (texture == null) { if (material != null && material.mainTexture != null) { return material.mainTexture; } return s_WhiteTexture; } return texture; } } protected override void OnPopulateMesh(VertexHelper vh) { //清理网格 vh.Clear(); //获取ui的大小，相当于rectTransform.rect Rect rect = GetPixelAdjustedRect(); //绘制背景图 Vector4 v = new Vector4(rect.x, rect.y, rect.x + rect.width, rect.y + rect.height); vh.AddVert(new Vector3(v.x, v.y), backColor, new Vector2(0f, 0.15f)); vh.AddVert(new Vector3(v.x, v.w), backColor, new Vector2(0f, 0.9f)); vh.AddVert(new Vector3(v.z, v.w), backColor, new Vector2(1f, 0.9f)); vh.AddVert(new Vector3(v.z, v.y), backColor, new Vector2(1f, 0.15f)); vh.AddTriangle(0, 1, 2); vh.AddTriangle(2, 3, 0); //计算半径最大值 //半径的最大值 = 变宽最小值的一半 float rMax; if (rect.width < rect.height) { rMax = (rect.width - padding) / 2; } else { rMax = (rect.height - padding) / 2; } //计算半径与传入的最大值的比值 float per = rMax / arr.Max(); //计算每个角的弧度 float ang = Mathf.PI * 2 / arr.Length; //添加圆心顶点 vh.AddVert(new Vector3(0, 0, 0), color, Vector4.zero); for (int i = 0; i < arr.Length; i++) { float x = Mathf.Sin(ang * i) * arr * per; float y = Mathf.Cos(ang * i) * arr * per; //添加顶点 vh.AddVert(new Vector3(x, y, 0), color, Vector4.zero); } //描边顶点 for (int i = 0; i < arr.Length; i++) { float x = Mathf.Sin(ang * i) * arr * per; float y = Mathf.Cos(ang * i) * arr * per; //添加顶点 vh.AddVert(new Vector3(x, y, 0), sideColor, Vector4.zero); float x1 = Mathf.Sin(ang * i) * (arr * per - thick); float y1 = Mathf.Cos(ang * i) * (arr * per - thick); //添加顶点 vh.AddVert(new Vector3(x1, y1, 0), sideColor, Vector4.zero); } //前4个顶点被用来绘制背景图了 //所以全部+4 //设置雷达图渲染顺序 for (int i = 0; i < arr.Length; i++) { if (i == 0)//0的时候算最后一个 { vh.AddTriangle(0 + 4, arr.Length + 4, 1 + 4); } else { vh.AddTriangle(0 + 4, i + 4, (i + 1) + 4); } } //前边有雷达图 //所以全部+4 + arr.Length //设置描边渲染顺序 for (int i = 0; i < arr.Length; i++) { if (i == 0)//0的时候算最后一个 { //9,1,2 vh.AddTriangle((arr.Length * 2 - 1) + 4 + arr.Length, 1 + 4 + arr.Length, 1 * 2 + 4 + arr.Length); //9,2,10 vh.AddTriangle((arr.Length * 2 - 1) + 4 + arr.Length, 1 * 2 + 4 + arr.Length, (arr.Length * 2) + 4 + arr.Length); } else { vh.AddTriangle((i * 2 - 1) + 4 + arr.Length, ((i + 1) * 2 - 1) + 4 + arr.Length, ((i + 1) * 2) + 4 + arr.Length); vh.AddTriangle((i * 2 - 1) + 4 + arr.Length, ((i + 1) * 2) + 4 + arr.Length, (i * 2) + 4 + arr.Length); } } //计算半径与传入的最大值的比值 float per2 = rMax / arr2.Max(); //计算每个角的弧度 float ang2 = Mathf.PI * 2 / arr2.Length; //添加圆心顶点 vh.AddVert(new Vector3(0, 0, 0), arr2Color, Vector4.zero); for (int i = 0; i < arr2.Length; i++) { float x = Mathf.Sin(ang2 * i) * arr2 * per2; float y = Mathf.Cos(ang2 * i) * arr2 * per2; //添加顶点 vh.AddVert(new Vector3(x, y, 0), arr2Color, Vector4.zero); } //描边顶点 for (int i = 0; i < arr2.Length; i++) { float x = Mathf.Sin(ang2 * i) * arr2 * per2; float y = Mathf.Cos(ang2 * i) * arr2 * per2; //添加顶点 vh.AddVert(new Vector3(x, y, 0), side2Color, Vector4.zero); float x1 = Mathf.Sin(ang2 * i) * (arr2 * per2 - thick); float y1 = Mathf.Cos(ang2 * i) * (arr2 * per2 - thick); //添加顶点 vh.AddVert(new Vector3(x1, y1, 0), side2Color, Vector4.zero); } //前4个顶点被用来绘制背景图了 //所以全部+4 + arr.Length * 3 int n = 5 + arr.Length * 3; //设置雷达图渲染顺序 for (int i = 0; i < arr2.Length; i++) { if (i == 0)//0的时候算最后一个 { vh.AddTriangle(0 + n, arr2.Length + n, 1 + n); } else { vh.AddTriangle(0 + n, i + n, (i + 1) + n); } } //前边有雷达图 //所以全部+4 + arr2.Length + arr.Length * 3 int m = 5 + arr2.Length + arr.Length * 3; //设置描边渲染顺序 for (int i = 0; i < arr2.Length; i++) { if (i == 0)//0的时候算最后一个 { //例如：9,1,2 vh.AddTriangle((arr2.Length * 2 - 1) + m, 1 + m, 1 * 2 + m); //例如：9,2,10 vh.AddTriangle((arr2.Length * 2 - 1) + m, 1 * 2 + m, (arr2.Length * 2) + m); } else { vh.AddTriangle((i * 2 - 1) + m, ((i + 1) * 2 - 1) + m, ((i + 1) * 2) + m); vh.AddTriangle((i * 2 - 1) + m, ((i + 1) * 2) + m, (i * 2) + m); } } }}
调用方法大致如下：
public void OnBtnAttributes() { radarChart.arr = radarChart.arr2; float[] newarr = new float[5]; for (int i = 0; i < 5; i++) { newarr = Random.Range(0, 100); attr.GetComponentsInChildren<Text>().text = "属性" + i + "：" + newarr; } radarChart.arr2 = newarr; radarChart.SetVerticesDirty(); }

		自动登录	找回密码
密码			立即注册

Unity雷达图

本帖子中包含更多资源