ASP.NET画图全攻略(下)_.Net教程

2024-07-10 12:50:12

字体：大中小

来源：转载

供稿：网友

推荐：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学习篇(1)――开篇_.Net教程

下一篇：ASP.NET学习篇(2)――安装与配置_.Net教程