|
ASP.NET画图系列,今天要实现的是Curve图,如果各位朋友有什么不明白的可以留言或Email给我，我的Email:gfreesky@gmail.com 废话不多说，先看下效果： 页面部分，还是和Pie一样 <form id="form1" runat="server">
<div> <asp:Image ID="Image1" runat="server" /> </div> </form> cs代码： using System.Drawing; //Bitmap
using System.Drawing.Imaging; //ImageFormat using SkyNet.Chart; using SkyNet.OA.OAWebUtility; public partial class SkyNetChart_MyCurve : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { InitChart(); } } private void InitChart() { Curve curveImg = new Curve(); //定义一个画图类实例 curveImg.Title = "2008年销售情况统计表"; curveImg.Width = 900; curveImg.Height = 500; curveImg.TextColor = Color.Red; string imgPath = "../ChartImages/" + "MyCurve.jpg"; string savePath = Server.MapPath(imgPath); ChartHelper.CreateChartByCurve(curveImg, imgPath, ImageFormat.Jpeg); this.Image1.ImageUrl = imgPath; } }
上面有不明白的地方，请参照ASP.NET画图系列之实现Pie图(圆饼图)
接下来是Curve类
using System.Drawing;
using System.Data; namespace SkyNet.Chart { public class Curve { #region 私有字段 private Graphics objGraphics; //Graphics 类提供将对象绘制到显示设备的方法 private Bitmap objBitmap; //位图对象 private int m_Width = 900; //图像宽度 private int m_Height = 500; //图像高度 private float m_XSlice = 50; //X轴刻度宽度 private float m_YSlice = 50; //Y轴刻度宽度 private float m_YSliceValue = 20; //Y轴刻度的数值宽度 private float m_YSliceBegin = 0; //Y轴刻度开始值 private float m_Tension = 0.5f; private string m_Title = "××公司销售情况曲线图"; //Title private string m_Unit = "万元"; //单位 private string m_XAxisText = "月份"; //X轴说明文字 private string m_YAxisText = "万元"; //Y轴说明文字 private string[] m_Keys = new string[] { "一月", "二月", "三月", "四月", "五月", "六月", "七月", "八月", "九月", "十月", "十一月", "十二月" }; //键 private float[] m_Values = new float[] { 20.0f, 30.0f, 50.0f, 55.4f, 21.6f, 12.8f, 99.5f, 36.4f, 78.2f, 56.4f, 45.8f, 66.5f }; //值 private Color m_BgColor = Color.Snow; //背景 private Color m_TextColor = Color.Black; //文字颜色 private Color m_BorderColor = Color.Black; //整体边框颜色 private Color m_AxisColor = Color.Black; //轴线颜色 private Color m_AxisTextColor = Color.Black; //轴说明文字颜色 private Color m_SliceTextColor = Color.Black; //刻度文字颜色 private Color m_SliceColor = Color.Black; //刻度颜色 private Color m_CurveColor = Color.Red; //曲线颜色 private DataSet m_ds; #endregion #region 属性 public DataSet DS { get { return m_ds; } set { m_ds = value; } } public int Width { set { if (value < 300) { m_Width = 300; } else { m_Width = value; } } get { return m_Width; } } public int Height { set { if (value < 300) { m_Height = 300; } else { m_Height = value; } } get { return m_Height; } } public float XSlice { set { m_XSlice = value; } get { return m_XSlice; } } public float YSlice { set { m_YSlice = value; } get { return m_YSlice; } } public float YSliceValue { set { m_YSliceValue = value; } get { return m_YSliceValue; } } public float YSliceBegin { set { m_YSliceBegin = value; } get { return m_YSliceBegin; } } public float Tension { set { if (value < 0.0f && value > 1.0f) { m_Tension = 0.5f; } else { m_Tension = value; } } get { return m_Tension; } } public string Title { set { m_Title = value; } get { return m_Title; } } public string Unit { set { m_Unit = value; } get { return m_Unit; } } public string[] Keys { set { m_Keys = value; } get { return m_Keys; } } public float[] Values { set { m_Values = value; } get { return m_Values; } } public Color BgColor { set { m_BgColor = value; } get { return m_BgColor; } } public Color TextColor { set { m_TextColor = value; } get { return m_TextColor; } } public Color BorderColor { set { m_BorderColor = value; } get { return m_BorderColor; } } public Color AxisColor { set { m_AxisColor = value; } get { return m_AxisColor; } } public string XAxisText { set { m_XAxisText = value; } get { return m_XAxisText; } } public string YAxisText { set { m_YAxisText = value; } get { return m_YAxisText; } } public Color AxisTextColor { set { m_AxisTextColor = value; } get { return m_AxisTextColor; } } public Color SliceTextColor { set { m_SliceTextColor = value; } get { return m_SliceTextColor; } } public Color SliceColor { set { m_SliceColor = value; } get { return m_SliceColor; } } public Color CurveColor { set { m_CurveColor = value; } get { return m_CurveColor; } } #endregion //生成图像并返回bmp图像对象 public Bitmap CreateImage() { InitializeGraph(); DrawContent(ref objGraphics); return objBitmap; } //初始化和填充图像区域，画出边框，初始标题 private void InitializeGraph() { //根据DS给Keys和Values赋值 SetKeyValues(); //根据给定的高度和宽度创建一个位图图像 objBitmap = new Bitmap(Width, Height); //从指定的 objBitmap 对象创建 objGraphics 对象 (即在objBitmap对象中画图) objGraphics = Graphics.FromImage(objBitmap); //根据给定颜色(LightGray)填充图像的矩形区域 (背景) objGraphics.DrawRectangle(new Pen(BorderColor, 1), 0, 0, Width, Height); objGraphics.FillRectangle(new SolidBrush(BgColor), 1, 1, Width - 2, Height - 2); //画X轴,pen,x1,y1,x2,y2 注意图像的原始X轴和Y轴计算是以左上角为原点，向右和向下计算的 objGraphics.DrawLine(new Pen(new SolidBrush(AxisColor), 1), 100, Height - 100, Width - 75, Height - 100); //画Y轴,pen,x1,y1,x2,y2 objGraphics.DrawLine(new Pen(new SolidBrush(AxisColor), 1), 100, Height - 100, 100, 75); //初始化轴线说明文字 SetAxisText(ref objGraphics); //初始化X轴上的刻度和文字 SetXAxis(ref objGraphics); //初始化Y轴上的刻度和文字 SetYAxis(ref objGraphics); //初始化标题 CreateTitle(ref objGraphics); } //根据DS给Keys和Values赋值 private void SetKeyValues() { if (DS != null) { DataTable dt = DS.Tables[0]; DataRow dr; int rows = dt.Rows.Count; string[] keys = new string[rows]; float[] values = new float[rows]; for (int i = 0; i < rows; i++) { dr = dt.Rows[i]; keys[i] = dr[0].ToString(); values[i] = Convert.ToSingle(dr[1]) / 10000; } Keys = keys; Values = values; } else { Keys = m_Keys; Values = m_Values; } } private void SetAxisText(ref Graphics objGraphics) { objGraphics.DrawString(XAxisText, new Font("宋体", 10), new SolidBrush(AxisTextColor), Width / 2 - 50, Height - 50); int X = 30; int Y = (Height / 2) - 50; for (int i = 0; i < YAxisText.Length; i++) { objGraphics.DrawString(YAxisText[i].ToString(), new Font("宋体", 10), new SolidBrush(AxisTextColor), X, Y); Y += 15; } } private void SetXAxis(ref Graphics objGraphics) { int x1 = 100; int y1 = Height - 110; int x2 = 100; int y2 = Height - 90; int iCount = 0; int iSliceCount = 1; float Scale = 0; int iWidth = (int)((Width - 200) * (50 / XSlice)); objGraphics.DrawString(Keys[0].ToString(), new Font("宋体", 10), new SolidBrush(SliceTextColor), 85, Height - 90); for (int i = 0; i <= iWidth; i += 10) { Scale = i * (XSlice / 50); if (iCount == 5) { objGraphics.DrawLine(new Pen(new SolidBrush(AxisColor)), x1 + Scale, y1, x2 + Scale, y2); //The Point!这里显示X轴刻度 if (iSliceCount <= Keys.Length - 1) { objGraphics.DrawString(Keys[iSliceCount].ToString(), new Font("宋体", 10), new SolidBrush(SliceTextColor), x1 + Scale - 15, y2); } else { //超过范围，不画任何刻度文字 } iCount = 0; iSliceCount++; if (x1 + Scale > Width - 100) { break; } } else { objGraphics.DrawLine(new Pen(new SolidBrush(SliceColor)), x1 + Scale, y1 + 5, x2 + Scale, y2 - 5); } iCount++; } } private void SetYAxis(ref Graphics objGraphics) { int x1 = 95; int y1 = (int)(Height - 100 - 10 * (YSlice / 50)); int x2 = 105; int y2 = (int)(Height - 100 - 10 * (YSlice / 50)); int iCount = 1; float Scale = 0; int iSliceCount = 1; int iHeight = (int)((Height - 200) * (50 / YSlice)); objGraphics.DrawString(YSliceBegin.ToString(), new Font("宋体", 10), new SolidBrush(SliceTextColor), 60, Height - 110); for (int i = 0; i < iHeight; i += 10) { Scale = i * (YSlice / 50); if (iCount == 5) { objGraphics.DrawLine(new Pen(new SolidBrush(AxisColor)), x1 - 5, y1 - Scale, x2 + 5, y2 - Scale); //The Point!这里显示Y轴刻度 objGraphics.DrawString(Convert.ToString(YSliceValue * iSliceCount + YSliceBegin), new Font("宋体", 10), new SolidBrush(SliceTextColor), 60, y1 - Scale); iCount = 0; iSliceCount++; } else { objGraphics.DrawLine(new Pen(new SolidBrush(SliceColor)), x1, y1 - Scale, x2, y2 - Scale); } iCount++; } } private void DrawContent(ref Graphics objGraphics) { if (Keys.Length == Values.Length) { Pen CurvePen = new Pen(CurveColor, 1); PointF[] CurvePointF = new PointF[Keys.Length]; float keys = 0; float values = 0; float Offset1 = (Height - 100) + YSliceBegin; float Offset2 = (YSlice / 50) * (50 / YSliceValue); for (int i = 0; i < Keys.Length; i++) { keys = XSlice * i + 100; values = Offset1 - Values[i] * Offset2; CurvePointF[i] = new PointF(keys, values); } objGraphics.DrawCurve(CurvePen, CurvePointF, Tension); } else { objGraphics.DrawString("Error!The length of Keys and Values must be same!", new Font("宋体", 16), new SolidBrush(TextColor), new Point(150, Height / 2)); } } //初始化标题 private void CreateTitle(ref Graphics objGraphics) { objGraphics.DrawString(Title, new Font("宋体", 16), new SolidBrush(TextColor), new Point(5, 5)); } } } 下面是CreateChartByCurve方法： public static void CreateChartByCurve(Curve curveImg, string imgPath, ImageFormat imgFormat)
{ try { if (curveImg == null) { curveImg.Title = "Curve图统计表示例"; curveImg.Width = 900; curveImg.Height = 500; curveImg.TextColor = Color.Red; } Bitmap bmp = curveImg.CreateImage(); string savePath = HttpContext.Current.Server.MapPath(imgPath); bmp.Save(savePath, imgFormat); } catch (Exception ee) { throw ee; } } 好Curve图也已经画好了，效果还可以 (责任编辑：admin) |
ASP.NET画图系列之实现Curve图(曲线图)
时间:2010-04-30 00:45来源:未知 作者:admin 点击:次
|
ASP.NET画图系列,今天要实现的是Curve图,如果各位朋友有什么不明白的可以留言或Email给我，我的Email:gfreesky@gmail.com 废话不多说，先看下效果： 页面部分，还是和Pie一样 <form id="form1" runat="server">
<div> <asp:Image ID="Image1" runat="server" /> </div> </form> cs代码： using System.Drawing; //Bitmap
using System.Drawing.Imaging; //ImageFormat using SkyNet.Chart; using SkyNet.OA.OAWebUtility; public partial class SkyNetChart_MyCurve : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { InitChart(); } } private void InitChart() { Curve curveImg = new Curve(); //定义一个画图类实例 curveImg.Title = "2008年销售情况统计表"; curveImg.Width = 900; curveImg.Height = 500; curveImg.TextColor = Color.Red; string imgPath = "../ChartImages/" + "MyCurve.jpg"; string savePath = Server.MapPath(imgPath); ChartHelper.CreateChartByCurve(curveImg, imgPath, ImageFormat.Jpeg); this.Image1.ImageUrl = imgPath; } }
上面有不明白的地方，请参照ASP.NET画图系列之实现Pie图(圆饼图)
接下来是Curve类
下面是CreateChartByCurve方法： public static void CreateChartByCurve(Curve curveImg, string imgPath, ImageFormat imgFormat)
{ try { if (curveImg == null) { curveImg.Title = "Curve图统计表示例"; curveImg.Width = 900; curveImg.Height = 500; curveImg.TextColor = Color.Red; } Bitmap bmp = curveImg.CreateImage(); string savePath = HttpContext.Current.Server.MapPath(imgPath); bmp.Save(savePath, imgFormat); } catch (Exception ee) { throw ee; } } 好Curve图也已经画好了，效果还可以 (责任编辑：admin) |
Tags：asp.net画图
责任编辑：admin 【返回顶部】
------分隔线----------------------------
- 推荐内容
-
骆驼户外男 真皮磨砂日常休闲鞋 低帮 2011秋冬新款 专柜正品特价
- 绘制几何图形：使用android.graphics类
如何在和机上绘制2D图形呢？这是许多android游戏开发都是常提到的问题，在android SDK 当中，并没有Java Graphics2D的函数可以使用，...
- .Net下二进制形式的文件(图片)的存储与读取
看到标题，二进制形式的文件是很广的。这里我主要谈谈图片以二进制形式的数据读取和存储。 .Net下图片的常见存储与读取凡是有以下几种: 存储图片:以二进制的形式存...
- C#图片验证码破解
1 public class GetImageValue 2 { 3 // 设定图片RGB字符串 4 string []ArrayList = new stri...
- ASP.NET画图系列之实现Curve图(曲线图)
ASP.NET画图系列,今天要实现的是Curve图,如果各位朋友有什么不明白的可以留言或Email给我，我的Email:gfreesky@gmail.com 废...
- ASP.NET画图系列之实现Bar图(柱状图)
前面已经实现了Pie和Curve图,今天我们来实现Bar,就是柱状图,这个的实现和前面2种基本上差不多,还是让我们先看看效果再说. 效果图: 下面开始页面部分:...
- ASP.NET画图系列之实现Pie图(圆饼图)
ASP.NET自身提供的画图功能也是很强大的，在实际的项目中有时也会经常用到的，实现这样的功能方法很多，诸如水晶报表之类也可以实现，但有时我们只想实现单一的某些...
- ASP.NET 2.0 HttpHandler实现生成图片验证码(示例代码下载)
学习整理了一下 (一).功能 用HttpHandler实现图片验证码 (二).代码如下 1. 处理程序文件 ValidateImageHandler.ashx代...
- 两种获取灰度图像的方法
在图像处理程序开发中，常会遇到将一幅彩色图像转换成灰度图像的情况，笔者在最近的一个项目中便遇到了这点。经过一翻努力最终解决，想想有必要分享一下，于是便写下此文。...
- Asp.net网页截图的实现方法
源代码如下： using System; using System.Drawing; using System.Drawing.Imaging; using S...
- ASP.NET图片渐变轮换效果
一.静态的 HTML HEAD title图片渐变轮换效果/title meta name=generator content=editplus meta na...
- ASP.NET添加水印(从Discuz!Nt挖出来的)
这是从 Discuz!Nt 挖出来的代码 添加水印的强大代码。功能很强大。可以添加图片水印和文字水印两种 编写也很好。添加进去的效果非常好。 供大家欣赏 现在就...
- ASP.NET2.0图片格式转换
第一步：打开页面 第二步：选择一副Jpg格式的图片 第三步：转换为GIF格式，明显看出图片画质降低。 后台代码： using System; using Sys...
- 添加文字水印类代码
usingSystem; usingSystem.Collections.Generic; usingSystem.Text; usingSystem.Draw...
- ASP.NET生成随机验证码示例
常用的生成验证码程序，图片效果如下： 源程序如下： using System; using System.Drawing; using System.Drawi...
- 绘制几何图形：使用android.graphics类
- 热点内容
-
- ASP.NET添加水印(从Discuz!Nt挖出来的)
- 通过下拉列表选择头像
- ASP.NET生成随机验证码示例
- 保存Bitmap到内存流中引发“GDI+中发生一般性错误”
- Asp.net网页截图的实现方法
- ASP.NET 2.0 HttpHandler实现生成图片验
- C#图片验证码破解
- ASP.NET画图系列之实现Curve图(曲线图)
- ASP.NET画图系列之实现Bar图(柱状图)
- 绘制几何图形：使用android.graphics类
- ASP.NET画图系列之实现Pie图(圆饼图)
- ASP.NET图片渐变轮换效果
- ASP.NET2.0图片格式转换
- C#生成指定长宽不变形的缩略图
- 给图片加上带版权的水印
- asp.net画图的示例代码
- 添加文字水印类代码
- ASP.NET中文验证码
- .Net下二进制形式的文件(图片)的存储与读取
- 两种获取灰度图像的方法