php gd库画雷达图,C# 使用GDI绘制雷达图的实例

本文介绍了一种在C#中利用GDI来实现雷达图绘制的方法。通过详细代码展示如何创建一个多边形、绘制顶点连线、添加文本、填充数据区域以及画点,最终生成雷达图。代码分为多个步骤,每个步骤都有对应的图片保存,便于理解和学习。此实例适用于需要在C#项目中自定义绘制雷达图的场景。
摘要由CSDN通过智能技术生成

最近项目要用C#实现画一个雷达图,搜了搜网上竟然找不到C#画雷达图的解决方案,那么自己实现一个吧

实现效果如下图:

422778278cdc9ad1d844ea3ea39f55aa.png

代码如下:

public static class RadarDemo

{

static float mW = 1200;

static float mH = 1200;

static Dictionary mData = new Dictionary

{

//{ "速度",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();

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();

}

//绘制数据区域

private static void DrawRegion(Graphics ctx)

{

int i = 0;

List points = new List();

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绘制雷达图的实例,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!

如果你觉得本文对你有帮助,欢迎转载,烦请注明出处,谢谢!

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值