ASP.NET画图全攻略(下)_.Net教程
推荐:ASP.NET画图全攻略(上)本文代码是基于Beta2开发 越来越多的Web应用需要使用图表来进行数据显示和分析。例如:投票结果显示,公司生产情况统计图显示分析等等。利用图表来显示数据,具有直观,清晰等优点。 传统的
我们在前面已经完成了饼图和条形图的自定义类,下面我们将要应用这些类了。
使用vs.net新建一个名为Insight_cs的Web应用程序,并且添加到刚才的Insight工程中。删除默认的webform1.aspx文件,新建一个名为SalesChart.aspx文件。打开此文件,在代码模式下,将第一行替换为:
<%@ Page ContentType="image/gif" Language="c#" AutoEventWireup="false" Codebehind="SalesChart.aspx.cs" Inherits="Insight_cs.SalesChart" %>
打开文件SalesChart.aspx.cs,其中代码如下所示:
以下为引用的内容: using System; using System.Data; using System.Web; using System.IO; using System.Data.SqlClient; using Insight_cs.WebCharts;//这是自定义的名字空间 namespace Insight_cs { public class SalesChart : System.Web.UI.Page { public SalesChart() { Page.Init = new System.EventHandler(Page_Init); } private void Page_Load(object sender, System.EventArgs e) { file://从数据库中取得数据,用于画图 string sql = "SELECT " "Year(sa.ord_date) As [Year], " "SUM(sa.qty) As [Qty] " "FROM " "sales sa " "inner join stores st on(sa.stor_id = st.stor_id) " "GROUP BY " "Year(sa.ord_date) " "ORDER BY " "[Year]"; string connectString = "Password=ben; User ID=sa; DataBase=pubs;Data Source=localhost"; SqlDataAdapter da = new SqlDataAdapter(sql,connectString); DataSet ds = new DataSet(); int rows = da.Fill(ds,"chartData"); file://设定产生图的类型(pie or bar) string type = ""; if(null==Request["type"]) { type = "PIE"; } else { type = Request["type"].ToString().ToUpper(); } file://设置图大小 int width = 0; if(null==Request["width"]) { width = 400; } else { width = Convert.ToInt32(Request["width"]); } int height = 0; if(null==Request["height"]) { height = 400; } else { height = Convert.ToInt32(Request["height"]); } file://设置图表标题 string title = ""; if(null!=Request["title"]) { title = Request["title"].ToString(); } string subTitle = ""; if(null!=Request["subtitle"]) { subTitle = Request["subtitle"].ToString(); } if(0<rows) { switch(type) { case "PIE": PieChart pc = new PieChart(); pc.Render(title,subTitle,width,height,ds,Response.OutputStream); break; case "BAR": BarChart bc = new BarChart(); bc.Render(title,subTitle,width,height,ds,Response.OutputStream); break; default: break; } } } private void Page_Init(object sender, EventArgs e) { // // CODEGEN: This call is required by the ASP.NET Web Form Designer. // InitializeComponent(); } #region Web Form Designer generated code /// <summary> /// Required method for Designer support - do not modify /// the contents of this method with the code editor. /// </summary> private void InitializeComponent() { this.Load = new System.EventHandler(this.Page_Load); } #endregion } } |
以上的代码并没有什么难的,这里就不做分析了。
在vs.net中,打开Insight_cs solution,右击”引用“,将出现”添加引用“,将组件文件Insight_cs.WebCharts.dll加入,使其成为项目中的namespace。
下面我们就可以浏览结果了。
首先建立一个demochart.aspx文件,在其代码中,加入一下内容:
以下为引用的内容: <IMG alt="Sales Data - Pie" src="SalesChart.aspx?type=pie&width=300&height=30 0&title=Sales by Year&subtitle=Books"> <IMG alt="Sales Data - Bar" src="SalesChart.aspx?type=bar&width=300&height=30 0&title=Sales by Year&subtitle=Books"> type表示显示图形的类型,是饼图pie,还是条形图bar。 width,height表示图形的大小。 title表示大标题文字。 subtitle表示小标题文字。 |
由此,我们完成了利用asp.net技术画图的过程。
综合起来,可以总结出以下几点:1.利用ASP.NET技术,可以在不使用第三方组件的情况下,画出理想的图形。2.画图核心是构造一个BitMap(位图)对象,它为要创建的图形提供了内存空间。然后,利用有关namespace提供的类和方法画出图形。最后就可以调用Bitmap对象的“Save”方法,将其发送到任何.NET的输出流中,这里是直接将图形的内容发送到浏览器,而没有将其保存到磁盘中。
分享:ASP.NET的实时天气及24小时天气预报修改其中的url获得其他城市的天气情况 如广州为: http://weather.yahoo.com/forecast/CHXX0037_c.html 注意仅适用于获得yahoo上的天气预报
- asp.net如何得到GRIDVIEW中某行某列值的方法
- .net SMTP发送Email实例(可带附件)
- js实现广告漂浮效果的小例子
- asp.net Repeater 数据绑定的具体实现
- Asp.Net 无刷新文件上传并显示进度条的实现方法及思路
- Asp.net获取客户端IP常见代码存在的伪造IP问题探讨
- VS2010 水晶报表的使用方法
- ASP.NET中操作SQL数据库(连接字符串的配置及获取)
- asp.net页面传值测试实例代码
- DataGridView - DataGridViewCheckBoxCell的使用介绍
- asp.net中javascript的引用(直接引入和间接引入)
- 三层+存储过程实现分页示例代码
- 相关链接:
- 教程说明:
.Net教程-ASP.NET画图全攻略(下)。