本文实例为大家分享了C#编写折线图控件的具体代码,供大家参考,具体内容如下
简单解说
这是第一次写博客,也是第一次发布自己写代码,有不足之处请多见谅。
源代码参考了网络搜索到的一些资源。
因为我需要的折线图数据没有小于0的,所以在计算时偷懒了。只支持大于0的数据。
上图
如何插入一段漂亮的代码片
因为自学编程,代码注释与命名比较乱,请见谅。
这是新建控件的代码。需要给控件添加FoldLineDiagram_Resize 事件。
using System; using System.Collections.Generic; using System.ComponentModel; using System.Drawing; using System.Data; using System.Linq; using System.Text; using System.Windows.Forms; using System.Drawing.Drawing2D; namespace vc_farm { ////// 折线图控件 /// 注意: /// 1、数据列最少不小于2列。 /// 2、数据列与数据标题列长度必须保持一致 /// 3、数据标题长度最大为100 /// 4、折线数量不能大于10个 /// public partial class FoldLineDiagram : UserControl { private Bitmap mImage; //画的折线图 private FoldLineData mData; //记录折线数据,在窗口大小改变时可重新计算 private ListmSelectionArea = new List (); //可选择区域【此处无用,原用作记录数据点,方便判断光标是否选中某条数据折线】 private SelectionArea mNowSelectionArea; //当前选中的区域【此处无用】 public FoldLineDiagram() { InitializeComponent(); } #region 禁止基类属性显示 [Browsable(false)] [EditorBrowsable(EditorBrowsableState.Never)] public override Image BackgroundImage { get { return base.BackgroundImage; } set { base.BackgroundImage = value; } } #endregion /// /// 获取折线图片(只有使用了ShowFoldLineDiagram方法后才能正确获取) /// public Bitmap Image { get { return mImage; } } ////// 显示折线 /// /// 折线数据对象 public void ShowFoldLineDiagram(FoldLineData aData) { this.mData = aData; mImage = CreateImageS(aData); this.BackgroundImage = new Bitmap(mImage); //背景为复制的图片 //this.BackgroundImageLayout = ImageLayout.Stretch; //拉伸显示显示 } ////// 保存 折线图 图片(只有使用了ShowFoldLineDiagram方法后才能正确保存) /// /// 保存文件的路径 /// 保存的格式 public void SaveImage(string aSavePath, System.Drawing.Imaging.ImageFormat aImageFormat) { new Bitmap(mImage).Save(aSavePath, aImageFormat); } private Bitmap CreateImageS(FoldLineData data) { #region 数据验证 if (data.DataTitleText.Count <= 1) return null; //限制列数不能小于2 if (data.DataTitleText.Count >100) return null; //限制列数不能大于100 if (data.listFoldLineDataStyle.Count > 10) return null; //限制折线数量不能大于10 int temp = data.DataTitleText.Count; //获取数据标题长度 for (int i = 0; i < data.listFoldLineDataStyle.Count; i++) //循环所有数据 { if (data.listFoldLineDataStyle[i].Data.Count !=temp) //当前数据长度 与数据标题长度不一致 { return null; } } #endregion #region 函数内部变量赋值 this.mSelectionArea.Clear(); //记录数据清空 int height = this.Height, width = this.Width; //设置图片大小 //设置左右上下边框距离图片边框间距 int left = (int)(width * 0.1); int right = (int)(width * 0.1); int top = (int)(height * 0.1); int bottom; if (data.ShowLegend == true) bottom = (int)(height * 0.15); //显示图例时,下边框为0.2 else bottom = (int)(height * 0.1); #endregion Bitmap image = new Bitmap(width, height); //新建一张图片 Graphics g = Graphics.FromImage(image); g.SmoothingMode = SmoothingMode.AntiAlias; //使绘图质量最高,即消除锯齿 g.InterpolationMode = InterpolationMode.HighQualityBicubic; g.CompositingQuality = CompositingQuality.HighQuality; try { #region 绘图准备工作 g.Clear(Color.White); //清空图片背景色 Font font = data.DataTitleTextFont; //设置 X与Y轴 标题字体 Font font1 = data.FoldLineTextFont; //设置 标题 字体 //Font font2 = aLineDataFont; //设置 数据显示 字体 LinearGradientBrush brush = new LinearGradientBrush( new Rectangle(0, 0, image.Width, image.Height), data.BackgroundBorderColor, data.BackgroundBorderColor, 1.2f, true); g.FillRectangle(Brushes.AliceBlue, 0, 0, width, height); #endregion #region 画折线图标题 Brush brush1 = new SolidBrush(data.FoldLineTextColor); SizeF sizeF = g.MeasureString(data.FoldLineText, font1); //计算标题文字大小 g.DrawString(data.FoldLineText, font1, brush1, (width - sizeF.Width) / 2, (top - sizeF.Height) / 2); //画标题 #endregion #region 绘制框线 //画图片的边框线 g.DrawRectangle(new Pen(data.BackgroundBorderColor), 0, 0, image.Width - 1, image.Height - 1); Pen mypen = new Pen(brush, 1); //边框线画笔 //绘制纵向线条 int xLineSpacing = (width - left - right) / (data.DataTitleText.Count - 1); //计算X轴 线条间距 int xPosition = left; //X轴开始位置 for (int i = 0; i < data.DataTitleText.Count; i++) { g.DrawLine(mypen, xPosition, top, xPosition, height - bottom); //画X轴竖线 sizeF = g.MeasureString(data.DataTitleText[i], font); //计算X轴文字大小 g.DrawString(data.DataTitleText[i], font, new SolidBrush(data.DataTitleTextColor), xPosition - (sizeF.Width / 2), height - bottom + 5); //设置文字内容及输出位置 xPosition += +xLineSpacing; //累加间距 } //Pen mypen1 = new Pen(Color.Blue, 3); xPosition = left; g.DrawLine(mypen, xPosition, top, xPosition, height - bottom); //画X轴第1条线(粗线) //绘制横向线条 ListyName = ReckonYLine(data.listFoldLineDataStyle); int mLineCount = yName.Count; //计算Y轴行数 int yLineSpacing = (height - bottom - top) / (yName.Count - 1); //计算Y轴 线条间距 int yPosition = height - bottom; //Y轴开始点 for (int i = 0; i < yName.Count; i++) { g.DrawLine(mypen, left, yPosition, width - right, yPosition); sizeF = g.MeasureString(yName[i].ToString(), font); g.DrawString(yName[i].ToString(), font, new SolidBrush(data.DataTitleTextColor), left - sizeF.Width - 5, yPosition - (sizeF.Height / 2)); //设置文字内容及输出位置 yPosition -= yLineSpacing; } yPosition = height - bottom; g.DrawLine(mypen, left, yPosition, width - right, yPosition); //Y轴最下面一天线加粗 #endregion #region 画折线,及数据 for (int i = 0; i < data.listFoldLineDataStyle.Count; i++) { //显示折线效果 Pen mypen2 = new Pen(data.listFoldLineDataStyle[i].FoldLineColor, 2); //折线画笔 List pointData = data.listFoldLineDataStyle[i].Data; //取出折线数据 xPosition = left; float yMultiple = (float)(height - top - bottom) / (float)yName.Max(); //计算Y轴比例因子 List linePoint = new List (); //定义折线节点坐标 for (int j = 0; j < pointData.Count; j++) { Point point = new Point(); point.X = xPosition; point.Y = top + (int)((yName.Max() - pointData[j]) * yMultiple); xPosition += xLineSpacing; linePoint.Add(point); g.FillEllipse(new SolidBrush(data.listFoldLineDataStyle[i].FoldLineColor), point.X - 5, point.Y - 5, 10, 10); //画节点的圆点 g.DrawString(pointData[j].ToString(), data.listFoldLineDataStyle[i].FoldLineDataFont, new SolidBrush(data.listFoldLineDataStyle[i].FoldLineDataColor), point.X, point.Y + 10); //绘制节点文字 } g.DrawLines(mypen2, linePoint.ToArray()); //绘制折线 //记录画图区域 SelectionArea sa = new SelectionArea(); sa.linePoint = linePoint; //sa.rect = new Rectangle(); this.mSelectionArea.Add(sa); } #endregion #region 画图例 if (data.ShowLegend ==true) { int length = 0; //绘制的长度 for (int i = 0; i < data.listFoldLineDataStyle.Count; i++) { //显示折线效果 Pen mypen2 = new Pen(data.listFoldLineDataStyle[i].FoldLineColor, 2); //折线画笔 if (data.listFoldLineDataStyle[i].DataName == "折线") { data.listFoldLineDataStyle[i].DataName += i.ToString(); //如果是默认名称,则给默认名称加数字 } sizeF = g.MeasureString(data.listFoldLineDataStyle[i].DataName, data.DataTitleTextFont); //计算字体长度 //20:两个图例的间距,30:图例中颜色表示区宽度 ,10:图例颜色标识区与文本区间距 length += 20 + 30 + 10 + (int)sizeF.Width; } length += 20; //加上最后的间距 int startX = (width - length) / 2; int startY = (int)(height * 0.92); for (int i = 0; i < data.listFoldLineDataStyle.Count; i++) { //显示折线效果 Pen mypen2 = new Pen(data.listFoldLineDataStyle[i].FoldLineColor, 2); //折线画笔 if (data.listFoldLineDataStyle[i].DataName == "折线") { data.listFoldLineDataStyle[i].DataName += i.ToString(); //如果是默认名称,则给默认名称加数字 } sizeF = g.MeasureString(data.listFoldLineDataStyle[i].DataName, data.DataTitleTextFont); //计算字体长度 g.FillRectangle(new SolidBrush(data.listFoldLineDataStyle[i].FoldLineColor), startX, startY, 30, 10); //绘制小矩形 g.DrawString(data.listFoldLineDataStyle[i].DataName, data.DataTitleTextFont, new SolidBrush(data.listFoldLineDataStyle[i].FoldLineColor), startX + 30 + 10, startY); startX += 30 + 10 + (int)sizeF.Width+20; //记录画图区域的 图例显示区域 Rectangle rect = new Rectangle(startX, startY, 30, 10); SelectionArea sa = this.mSelectionArea[i]; sa.rect = rect; this.mSelectionArea[i] = sa; } } #endregion return new Bitmap(image); } finally { g.Dispose(); image.Dispose(); } } /// /// Y轴横线 及 Y轴标题内如 计算 /// /// ///private List ReckonYLine(List flData) { List AllData = new List (); //所有数据汇总在一起 foreach (FoldLineDataStyle item in flData) { AllData.AddRange(item.Data); } //定义最大值与最小值 int max = AllData.Max(); int min = AllData.Min(); List yName = new List (); int csMax = 0; //测算上限 /*如果需要增加小于0数据判断,则需要在此次增加一些判断。 *就是取最小值,判断是否为负数,是则取绝对值进行计算,不是则和现在计算方式一样 */ if (max.ToString().Length > 1) //如果大于9 { //测算最大上限值 string ling = ""; for (int i = 0; i < max.ToString().Length - 1; i++) //为数字末尾补0 ling += "0"; string temp = max.ToString().Substring(0, 1); //取出最高位数字 csMax = Int32.Parse((Int32.Parse(temp) + 1) + ling); //如果max=75162 则转成 80000 for (int i = 0; i <= (Int32.Parse(temp) + 1); i++) { yName.Add((Int32.Parse(i + ling))); } } else { csMax = max + 1; for (int i = 0; i <= csMax; i++) { yName.Add(i); } } return yName; } private void FoldLineDiagram_Resize(object sender, EventArgs e) { if (mData!=null) { mImage = CreateImageS(mData); this.BackgroundImage = new Bitmap(mImage); //背景为复制的图片 } } /// /// 选择区域 /// private struct SelectionArea { ////// 选择区域 /// public Rectangle rect; ////// 折线区域 /// public ListlinePoint; } /// /// 判断点是否在矩形范围内 /// /// /// ///public static bool IsPointIn(RectangleF rect, PointF pt) { if (pt.X >= rect.X && pt.Y >= rect.Y && pt.X <= rect.X + rect.Width && pt.Y <= rect.Y + rect.Height) { return true; } else return false; } } /// /// 折线背景设置 /// public class FoldLineData { ////// 全部折线 默认:空数据 /// public ListlistFoldLineDataStyle; /// /// 折线图的标题文本 默认:空文本 /// public ListDataTitleText; /// /// 折线图的标题文本 默认:空文本 /// public string FoldLineText; ////// 折线图的标题文本 字体颜色 默认:黑色 /// public Color FoldLineTextColor; ////// 折线图的标题文本 字体格式 默认:"宋体", 20 /// public Font FoldLineTextFont; ////// 数据列标题 字体颜色 默认:黑色 /// public Color DataTitleTextColor; ////// 数据列标题 字体格式 默认:"宋体", 9 /// public Font DataTitleTextFont; ////// 背景边框线 颜色 默认:深灰色 /// public Color BackgroundBorderColor; ////// 显示图例 默认:true /// public bool ShowLegend; ////// 构造函数 /// /// 数据组。每组数据长度必须一致,且与数据列名称长度一致 /// 数据列名称 public FoldLineData(Listflds, List dataTitleText) { DataTitleText = dataTitleText; listFoldLineDataStyle = flds; FoldLineText = ""; FoldLineTextColor = Color.Black; FoldLineTextFont = new System.Drawing.Font("宋体", 20, FontStyle.Regular); DataTitleTextColor = Color.Black; DataTitleTextFont = new System.Drawing.Font("Arial", 9, FontStyle.Regular); BackgroundBorderColor = Color.DarkGray; ShowLegend = true; } } /// /// 折线数据及样式 /// public class FoldLineDataStyle { ////// 折线数据 默认:null /// public ListData; /// /// 折线数据名称 默认:折线 /// public string DataName; ////// 折线颜色 默认:红色 /// public Color FoldLineColor; ////// 折线点上 显示的数据颜色 默认:红色 /// public Color FoldLineDataColor; ////// 折线点上 显示的数据字体格式 默认:"宋体", 8 /// public Font FoldLineDataFont; ////// 构造函数 /// /// 数据。数据长度一定需要保持一致 public FoldLineDataStyle(Listdata) { Data = data; FoldLineColor = Color.Red; FoldLineDataColor = Color.Red; FoldLineDataFont = new System.Drawing.Font("宋体", 9, FontStyle.Regular); DataName = "折线"; } } }
测试数据代码
private void Form2_Load(object sender, EventArgs e) { Listname = new List { "1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月" }; List data = new List { 1150, 250, 1550, 1600, 1800, 900, 2500, 1700 }; List data1 = new List { 1250, 2250, 3550, 1600, 800, 900, 500, 2700 }; List data2 = new List { 2150, 250, 1550, 1600, 1700, 900, 200, 1700 }; FoldLineDataStyle fld = new FoldLineDataStyle(data); //默认格式 FoldLineDataStyle fld1 = new FoldLineDataStyle(data1); fld1.DataName = "测试数据1"; fld1.FoldLineColor = Color.Green; fld1.FoldLineDataColor = Color.Green; FoldLineDataStyle fld2 = new FoldLineDataStyle(data2); //fld2.DataName = "测试数据1"; fld2.FoldLineColor = Color.Blue; fld2.FoldLineDataColor = Color.Blue; FoldLineData foldLineData = new FoldLineData(new List { fld, fld1, fld2 }, name); foldLineData.ShowLegend = true; foldLineData.FoldLineText = "测试折线图"; this.foldLineDiagram1.ShowFoldLineDiagram(foldLineData); }
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。