时间:2021-05-19
最近项目要用C#实现画一个雷达图,搜了搜网上竟然找不到C#画雷达图的解决方案,那么自己实现一个吧
实现效果如下图:
代码如下:
public static class RadarDemo { static float mW = 1200; static float mH = 1200; static Dictionary<string, float> mData = new Dictionary<string, float> { //{ "速度",77}, { "力量", 72}, { "防守", 110}, { "射门", 50}, { "传球", 80}, { "耐力", 60 } };//维度数据 static float mCount = mData.Count; //边数 static float mCenter = mW * 0.5f; //中心点 static float mRadius = mCenter - 100; //半径(减去的值用于给绘制的文本留空间) static double mAngle = (Math.PI * 2) / mCount; //角度 static Graphics graphics = null; static int mPointRadius = 5; // 各个维度分值圆点的半径 static int textFontSize = 18; //顶点文字大小 px const string textFontFamily = "Microsoft Yahei"; //顶点字体 static Color lineColor = Color.Green; static Color fillColor = Color.FromArgb(128, 255, 0, 0); static Color fontColor = Color.Black; public static void Show() { Bitmap img = new Bitmap((int)mW, (int)mH); graphics = Graphics.FromImage(img); graphics.Clear(Color.White); img.Save($"{AppDomain.CurrentDomain.BaseDirectory}radar/0.png", ImageFormat.Png); DrawPolygon(graphics); img.Save($"{AppDomain.CurrentDomain.BaseDirectory}radar/1.png", ImageFormat.Png); DrawLines(graphics); img.Save($"{AppDomain.CurrentDomain.BaseDirectory}radar/2.png", ImageFormat.Png); DrawText(graphics); img.Save($"{AppDomain.CurrentDomain.BaseDirectory}radar/3.png", ImageFormat.Png); DrawRegion(graphics); img.Save($"{AppDomain.CurrentDomain.BaseDirectory}radar/4.png", ImageFormat.Png); DrawCircle(graphics); img.Save($"{AppDomain.CurrentDomain.BaseDirectory}radar/5.png", ImageFormat.Png); img.Dispose(); graphics.Dispose(); } // 绘制多边形边 private static void DrawPolygon(Graphics ctx) { var r = mRadius / mCount; //单位半径 Pen pen = new Pen(lineColor); //画6个圈 for (var i = 0; i < mCount; i++) { var points = new List<PointF>(); var currR = r * (i + 1); //当前半径 //画6条边 for (var j = 0; j < mCount; j++) { var x = (float)(mCenter + currR * Math.Cos(mAngle * j)); var y = (float)(mCenter + currR * Math.Sin(mAngle * j)); points.Add(new PointF { X = x, Y = y }); } ctx.DrawPolygon(pen, points.ToArray()); //break; } ctx.Save(); } //顶点连线 private static void DrawLines(Graphics ctx) { for (var i = 0; i < mCount; i++) { var x = (float)(mCenter + mRadius * Math.Cos(mAngle * i)); var y = (float)(mCenter + mRadius * Math.Sin(mAngle * i)); ctx.DrawLine(new Pen(lineColor), new PointF { X = mCenter, Y = mCenter }, new PointF { X = x, Y = y }); //break; } ctx.Save(); } //绘制文本 private static void DrawText(Graphics ctx) { var fontSize = textFontSize;//mCenter / 12; Font font = new Font(textFontFamily, fontSize, FontStyle.Regular); int i = 0; foreach (var item in mData) { var x = (float)(mCenter + mRadius * Math.Cos(mAngle * i)); var y = (float)(mCenter + mRadius * Math.Sin(mAngle * i) - fontSize); if (mAngle * i > 0 && mAngle * i <= Math.PI / 2) { ctx.DrawString(item.Key, font, new SolidBrush(fontColor), x - ctx.MeasureString(item.Key, font).Width * 0.5f, y + fontSize); } else if (mAngle * i > Math.PI / 2 && mAngle * i <= Math.PI) { ctx.DrawString(item.Key, font, new SolidBrush(fontColor), x - ctx.MeasureString(item.Key, font).Width, y ); } else if (mAngle * i > Math.PI && mAngle * i <= Math.PI * 3 / 2) { ctx.DrawString(item.Key, font, new SolidBrush(fontColor), x - ctx.MeasureString(item.Key, font).Width, y); } else if (mAngle * i > Math.PI * 3 / 2) { ctx.DrawString(item.Key, font, new SolidBrush(fontColor), x - ctx.MeasureString(item.Key, font).Width * 0.5f, y - fontSize * 0.5f); } else { ctx.DrawString(item.Key, font, new SolidBrush(fontColor), x, y ); } i++; } ctx.Save(); } //绘制数据区域 private static void DrawRegion(Graphics ctx) { int i = 0; List<PointF> points = new List<PointF>(); foreach (var item in mData) { var x = (float)(mCenter + mRadius * Math.Cos(mAngle * i) * item.Value / 100); var y = (float)(mCenter + mRadius * Math.Sin(mAngle * i) * item.Value / 100); points.Add(new PointF { X = x, Y = y }); //ctx.DrawArc(new Pen(lineColor), x, y, r, r, 0, (float)Math.PI * 2); i++; } //GraphicsPath path = new GraphicsPath(); //path.AddLines(points.ToArray()); ctx.FillPolygon(new SolidBrush(fillColor), points.ToArray()); ctx.Save(); } //画点 private static void DrawCircle(Graphics ctx) { //var r = mCenter / 18; var r = mPointRadius; int i = 0; foreach (var item in mData) { var x = (float)(mCenter + mRadius * Math.Cos(mAngle * i) * item.Value / 100); var y = (float)(mCenter + mRadius * Math.Sin(mAngle * i) * item.Value / 100); ctx.FillPie(new SolidBrush(fillColor), x - r, y - r, r * 2, r * 2, 0, 360); //ctx.DrawArc(new Pen(lineColor), x, y, r, r, 0, (float)Math.PI * 2); i++; } ctx.Save(); } }把这个类粘贴到你的项目中,执行RadarDemo.Show();就会在你的根目录里生成雷达图了,为了方便理解怎么画出来的,我把画每一个步骤时的图片都保存下来了。可以自行运行查看
总结
以上所述是小编给大家介绍的C# 使用GDI绘制雷达图的实例,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!
如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
本文实例讲述了C#利用GDI+绘制旋转文字等效果的方法,是非常实用的技巧。分享给大家供大家参考之用。具体如下:C#中利用GDI+绘制旋转文本的文字,网上有很多资
本文实例讲述了C#使用GDI绘制直线的方法。分享给大家供大家参考。具体实现方法如下:Pointp1=newPoint(200,200);Pointp2=newP
pygal的安装和简介,大家可以参阅《pip和pygal的安装实例教程》,下面看看通过pygal实现绘制雷达图代码示例。雷达图(Radar):importpyg
本文实例为大家分享了python处理excel绘制雷达图的具体代码,供大家参考,具体内容如下python处理excel制成雷达图,利用工具plotly在线生成,
本文实例为大家分享了python绘制温度变化雷达图的具体代码,供大家参考,具体内容如下假设某天某地每三个小时取样的气温为针对温度变化趋势绘制雷达图:代码如下:i