ASP.NET画图全攻略（下）

答案：     我们在前面已经完成了饼图和条形图的自定义类，下面我们将要应用这些类了。
  使用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)
   {
   //从数据库中取得数据，用于画图
   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"); 
   //设定产生图的类型（pie or bar）
   string type = "";
   if(null==Request["type"])
   {
   type = "PIE";
   }
   else
   {
   type = Request["type"].ToString().ToUpper();
   } 
   //设置图大小
   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"]);
   } 
   //设置图表标题
   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表示小标题文字。
  其结果显示如图1（图片在文章《ASP.NET画图全攻略（上）》）。 
  
  由此，我们完成了利用asp.net技术画图的过程。
  综合起来，可以总结出以下几点：1.利用ASP.NET技术，可以在不使用第三方组件的情况下，画出理想的图形。2.画图核心是构造一个BitMap（位图）对象，它为要创建的图形提供了内存空间。然后，利用有关namespace提供的类和方法画出图形。最后就可以调用Bitmap对象的“Save”方法，将其发送到任何.NET的输出流中，这里是直接将图形的内容发送到浏览器，而没有将其保存到磁盘中。 
    
   

上一个：怎样自定义一个服务器端的控件
下一个：ASP.NET画图全攻略（上）