「玩一玩」GDI+绘制极坐标图（Polar Diagram）
各位，又是我。
首先，本文有点长，。最近我的文风开始往废话连篇发展了。
其次，介绍本文主要内容。
这是一个简单的GDI+的例子。讲的是怎么从无到有绘制一个极坐标系，以及在此基础上绘制数据图。按照类似的思路，你可以画出直角坐标系、对数直角系、外太空银河系……
本文比较浅显，觉得没有帮助者请按组合键：Alt+F4，走好。
欢迎大家指教，欢迎改造，然后把代码和图贴在这里。大家一起看看能把自己的创造力激发到什么程度。
给出源代码：点击下载
你可以通过本文学到怎么用非数学的方法解决数学问题，以此类推，就算碰到不懂的东西，也可以用自己懂的东西来代替。编程序，尤其是界面编程，只需要「看起来一样」，更敬业点就「用起来一样」。至于你要不要用什么jjyy的技术，的技巧，的手段，都是浮云。
不多说了。我们要做的东西最后效果是这样的。
图中曲线是一个天线方向图，非常适合在极坐标下描绘。
文中是直接在窗体上绘制，你完全可以自行封装到控件里，这样用起来更加方便。
（正文开始）
写在前面的话
做事情，一切以目标为出发点，倒着找过去，看有哪些方法技术资源，具体的方法技术手段都是次要的，只要能达到目的。
我不会多线程，如果你需要让它运行在单独的线程上，还请自己改造。（似乎还真有这样ocd的人吧，哈哈）
目标设定
（下面是例子，不针对任何人物、事件、团体、星球）
boss接到了一单生意，是帮某山寨厂做一个山寨手机天线的信号测试系统。其中，我分到的部分是做天线方向图的显示界面模块。其实我懂个p的天线、方向图之类的啊，于是boss告诉我，并强调：我不管你怎么做，总之要「看起来」像这样。
ok，不管会不会，山寨是本行，拿着原版开始分析。
分析坐标系
说实话，数学那套玩意老早就还给老师了，现在要让我玩坐标系这样高深的东西。得亏哥们还有点印象，这样圆不拉叽的图，一般用极坐标来画是比较方便的。连上Wikipedia复习一下：极坐标是一个二维坐标系统。该坐标系统中的点由一个夹角和一段相对中心点——极点（相当于我们较为熟知的直角坐标系中的原点）的距离来表示。
嗯，很好，乱七八糟的，看不太懂啊，怎么办。不管了，把这东西先放一遍，还是用山寨的方法解决。把boss给的那张图拿来分析下，其实就是很多同心圆，和过圆心的辐条（借用自行车术语，虽然不知道正确的名字，就这么叫了吧）。
那么我只需要画出同心圆，再画辐条，就ok了吧。画同心圆怎么画呢？嗯，我可以这样，从外面的大圆开始，用DrawEllipse()画一个圆，然后收缩下半径，再画一个，如此这般……好了，有想法就行动，管他是nb方法还是sb方法，一直坐那zb，最后被炒了那才sb。
画出同心圆的方法。
// 画圆 private void drawCircles(Graphics g, Rectangle rect) { // 圆的直径等于绘图区域最短边 float diameter = Math.Min(rect.Width, rect.Height); // 半径 float radius = diameter / 2; // 计算圆心（其实就是绘图区域矩形中心） PointF center = new PointF( rect.X + rect.Width / 2, rect.Y + rect.Height / 2 ); // 画几个圆，先试试5个 int count = 5; float diameterStep = diameter / count; float radiusStep = radius / count; // 生成圆的范围 RectangleF cirleRect = new RectangleF(); cirleRect.X = center.X - radius; cirleRect.Y = center.Y - radius; cirleRect.Width = cirleRect.Height = diameter; // 画同心圆 for (int i = 0; i < count; i++) { g.DrawEllipse(Pens.Gray, cirleRect); cirleRect.X += radiusStep; cirleRect.Y += radiusStep; cirleRect.Width -= diameterStep; cirleRect.Height -= diameterStep; } }e.Graphics.SmoothingMode = System.Drawing.Drawing2D.SmoothingMode.AntiAlias; // 图形抗锯齿 e.Graphics.TextRenderingHint = System.Drawing.Text.TextRenderingHint.AntiAlias; // 文字抗锯齿
// 提出来公用 float diameter, radius; PointF center; // 画圆 private void drawCircles(Graphics g, Rectangle rect) { // （略） } // 辐射线 private void drawCrosshair(Graphics g) { int count = 8; if (count > 0) { // 计算角度 float angle = 0; float angleStep = 360 / count; PointF endPoint = new PointF(); for (int i = 0; i < count; i++) { // 得到终点 endPoint = getPoint(angle); g.DrawLine(Pens.Gray, center, endPoint); angle += angleStep; angle %= 360; } } } // 计算终点 private PointF getPoint(double angle) { PointF pt = new PointF(); pt.X = (float)(radius * Math.Cos(angle * Math.PI / 180) + center.X); pt.Y = (float)(radius * Math.Sin(angle * Math.PI / 180) + center.Y); return pt; }
// 画角度值 g.DrawString(angle.ToString("0") + "°", this.Font, Brushes.Gray, endPoint);//drawDiagramCircles(e.Graphics, this.ClientRectangle); // 缩小点画圆的区域 Rectangle rect = this.ClientRectangle; rect.Inflate(0, -20); drawDiagramCircles(e.Graphics, rect);
// 把要画的字符串提出来便于操作 string angleString = angle.ToString("0") + "°"; // 画角度值，如果文字在90-270度区间内， PointF textPoint = endPoint; if (angle == 270) textPoint.Y -= TextRenderer.MeasureText(angleString, this.Font).Height; // 用TextRenderer测量字符串大小 else if (angle < 270 && angle > 90) textPoint.X -= TextRenderer.MeasureText(angleString, this.Font).Width; else textPoint.X += 8; // 随便来点漂移 g.DrawString(angleString, this.Font, Brushes.Gray, textPoint);float min = 0; float max = 100;
public class PolarValue { float ang = 0; float val = 0; // 角度 public float Angle { get { return ang; } set { ang = value; } } // 数值 public float Value { get { return val; } set { val = value; } } public PolarValue(float angle, float value) { this.ang = angle; this.val = value; } } // 数据列表 public List<PolarValue> values = new List<PolarValue>(); private PointF getMappedPoint(PolarValue pv) { // 计算映射在坐标图中的半径 float r = radius * (pv.Value - min) / (max - min); // 计算GDI+坐标 PointF pt = new PointF(); pt.X = (float)(r * Math.Cos(pv.Angle * Math.PI / 180) + center.X); pt.Y = (float)(r * Math.Sin(pv.Angle * Math.PI / 180) + center.Y); return pt; }
// 合并后的映射方法 private PointF getMappedPoint(float angle, float value) { // 计算映射在坐标图中的半径 float r = radius * (value - min) / (max - min); // 计算GDI+坐标 PointF pt = new PointF(); pt.X = (float)(r * Math.Cos(angle * Math.PI / 180) + center.X); pt.Y = (float)(r * Math.Sin(angle * Math.PI / 180) + center.Y); return pt; }// 在drawCrosshair()中 // （略） // 得到终点 endPoint = getMappedPoint(angle, max);
private void drawPoints(Graphics g, List<PolarValue> pointList) { // 计算下一点 PointF nextPt; for (int i = 0; i < pointList.Count; i++) { if ((i + 1) < pointList.Count) nextPt = getMappedPoint(pointList[i + 1].Angle, pointList[i + 1].Value); else nextPt = getMappedPoint(pointList[0].Angle, pointList[0].Value); // 连接当前点和下一点 g.DrawLine(Pens.Black, nextPt, getMappedPoint(pointList[i].Angle, pointList[i].Value)); } }
这么好的东东，谢谢楼主无私奉献！
[解决办法]
代码要是有的下载就好了。分享的不错。
[解决办法]
话说,这么给力的,该给点分吧
[解决办法]
楼主果然厉害，目前也在学习GDI+绘图
[解决办法]
支持一个.
[解决办法]
能在web中用吗？
[解决办法]
楼主很厉害，我是偶尔练一GDI的东西
[解决办法]
收藏了，找时间练一练
[解决办法]
顶 收藏！
[解决办法]
收藏了
[解决办法]
LZ,想向你学习啊！可否？
[解决办法]
我下载了，提示Polygon.cs和Vertex.cs这两个文件不存在啊？
[解决办法]
好思想，
好作风
[解决办法]
嘿嘿 0分支持一个
[解决办法]
当我看到数学的时候，我就知道我不会看下去了。。
[解决办法]
投诉，少文件
[解决办法]
LZ，教我数学吧，我的数学不及格
[解决办法]
嗯，删掉就好用了
[解决办法]
可以用了，向楼主学习！
[解决办法]
楼主的东西对我的帮助很大啊
[解决办法]
不错，很详细
[解决办法]
把楼主的脑子挖出来。
[解决办法]
谢谢分享
[解决办法]
good~~
跟着做了一遍。
最后Random一个List<PolarValue>。
效果看上去好像个爆炸头，交叉线的问题的没有处理。
数学上一个圆的角度是 0 到 2π 。 （相对于 0° 到360°）
90°的话换算成角度 就是 π/2
[解决办法]
[解决办法]
喜欢楼主的文风，楼主能把那个雷达源码也共享出来吗？
[解决办法]
做过类似的.
[解决办法]
哦，突然发现好像忘了给源码链接。
其实我是上传了的，看来是忘了插入链接了。
源码点这个：
[解决办法]
好东西，一定要顶，谢谢分享
[解决办法]
谢谢楼主分享，文风也很幽默，很能引起兴趣。如果老师都像楼主这样，大学数学就都及格了↖(^ω^)↗
[解决办法]
很不错，数学功底比较好，有时间就好好学习一下，谢谢
[解决办法]
哈哈。。。这个山寨得不错。
[解决办法]
不粗 不粗
------解决方案--------------------
膜拜大神
[解决办法]
大神有事你
[解决办法]
感谢楼主分享，等下了vs我也自己玩玩 到时候我也来访个雷达玩玩 收藏先
[解决办法]
感谢楼主分享！
[解决办法]