C# 使用GDI繪制雷達圖的實例
最近項目要用C#實現(xiàn)畫一個雷達圖,搜了搜網(wǎng)上竟然找不到C#畫雷達圖的解決方案,那么自己實現(xiàn)一個吧
實現(xiàn)效果如下圖:
代碼如下:
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 } };//維度數(shù)據(jù) static float mCount = mData.Count; //邊數(shù) 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/* 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 /*y + fontSize*/); } 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 /* y + fontSize*/); } i++; } ctx.Save(); } //繪制數(shù)據(jù)區(qū)域 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(); } }
把這個類粘貼到你的項目中,執(zhí)行RadarDemo.Show();就會在你的根目錄里生成雷達圖了,為了方便理解怎么畫出來的,我把畫每一個步驟時的圖片都保存下來了??梢宰孕羞\行查看
總結(jié)
以上所述是小編給大家介紹的C# 使用GDI繪制雷達圖的實例,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
相關(guān)文章
用NPOI創(chuàng)建Excel、合并單元格、設(shè)置單元格樣式、邊框的方法
本篇文章小編為大家介紹,用NPOI創(chuàng)建Excel、合并單元格、設(shè)置單元格樣式、邊框的方法。需要的朋友參考下2013-04-04使用快捷鍵在Unity中快速鎖定和解鎖Inspector右上角的鎖功能
這篇文章主要為大家介紹了使用快捷鍵在Unity中快速鎖定和解鎖Inspector右上角的鎖功能詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-08-08通過容器擴展屬性IExtenderProvider實現(xiàn)WinForm通用數(shù)據(jù)驗證組件
這篇文章介紹了通過容器擴展屬性IExtenderProvider實現(xiàn)WinForm通用數(shù)據(jù)驗證組件的方法,文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2021-12-12C#開發(fā)Windows服務實例之實現(xiàn)禁止QQ運行
這篇文章主要介紹了通過C#開發(fā)Windows服務,查殺qq進程的服務功能,需要的朋友可以參考下2013-10-10