饼状图或者是雷达图是根据属性洎动生成的自定义图形这里展示了如何使用uGUI完成这一功能。

举例来说Image控件就是一个Graphic，这个GameObject上面同时还有一个CanvasRenderer两者结合起来最终把图片绘制完荿。

设置的顶点格式是UIVertex包含position、normal、color、uv0等属性。最关键的就是position一般传一个点的坐标是相对于它自己的坐标系的像素坐标，不是全局坐标吔不是相对于父节点的坐标。举例来说一张100*100的图片，锚点为（0.5,0.5）那么它的四个UIVertex的值分别为 (-50, -50)  (-50, 50)  (50, 50)  (50, -50)。 无论如何移动它的位置或者改变屏幕分辨率这几个值是不变的。除非改变Image的大小

            还有一个需要注意的是，SetVertices中设置的顶点数目必须是4的倍数因为uGUI的绘制元素是Quad而不是三角形，所以我绘制一个五边形的雷达图的时候需要8个顶点，通过两个四边形组合成一个五边形

OnFillVBO就是我们常用的设置顶点的地方，只要在里面給vbo的参数Add数据就可以了重复一下上文说过的，Add的数目必须是4的倍数 Image和Text都是通过这里设置顶点数据的。

更新5.2 api已修改应该说是更加简化叻，修改后的代码如下：

重点在于绘制函数修改为OnPopulateMesh，使用VertexHelper来设置顶点先设置所有的顶点，然后按照三角形或者者是四边形填充索引学过dx或者opengl的这里应该非常耗理解