ASP.NET画图全攻略(下)

原创 2004年10月06日 11:23:00
http://www.aspcool.com/lanmu/browse1.asp?ID=818&bbsuser=aspnet

作者: bben_h   www.ASPCool.com 时间:2002-1-13 16:07:13  阅读次数:8378

     我们在前面已经完成了饼图和条形图的自定义类,下面我们将要应用这些类了。
  使用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画图全攻略(上)

http://www.aspcool.com/lanmu/browse1.asp?ID=817&bbsuser=aspnet作者: bben_h   www.ASPCool.com 时间:2002-1...
  • gzzzz
  • gzzzz
  • 2004年10月06日 11:19
  • 946

ASP.NET画图全攻略

ASP.NET画图全攻略     越来越多的Web应用需要使用图表来进行数据显示和分析。例如:投票结果显示,公司生产情况统计图显示分析等等。利用图表来显示数据,具有直观,清晰等优点。      传统的...
  • Tisten
  • Tisten
  • 2005年02月23日 01:42
  • 1234

一个很强大的ASP.NET画图控件(二)

dotcharting画图控件的扩展内容非常广,这里主要介绍一些图形样式的扩展内容说明框的位置,xy轴样式,主题栏样式,ann,ax两种非常规说明框的使用  代码如下: CodeCode high...
  • wendy_soft
  • wendy_soft
  • 2014年03月28日 14:07
  • 1346

Asp.net网页画图

在网页上画图一般会有下面两种方法(暂时不知道是否还有其他方法) 方法一:用纯代码画图 方法二:Office控件画图 先讲下 用C#纯代码画图 这里我以C#画函数图为例 其实纯代码画函数图非常...
  • yangxianli
  • yangxianli
  • 2011年08月03日 01:09
  • 6491

C# ASP.NET GDI+绘图

//WinForms 面板绘图private void Form1_Paint(object sender, PaintEventArgs e) { Graphic...
  • lhypang2006
  • lhypang2006
  • 2010年03月24日 11:49
  • 1291

VMware下RedHat安装Oracle 9i RAC全攻略

摘要:大家都知道,oracle 9i RAC(以下简称RAC)是oracle里相对比较复杂的部分,很大一部分原因是由于RAC的环境搭建相对不如单实例方便。通常典型的配置是两台主机加一台存储 ,但是...
  • Rubenyu
  • Rubenyu
  • 2011年02月26日 14:43
  • 628

虚拟机VMware安装OracleRAC.RedHat Enterprise AS4安装Oracle 9i RAC

 虚拟机VMware安装OracleRAC.RedHat Enterprise AS4安装Oracle 9i RAC草木瓜  20080226一、本文环境 同  9i RAC 与 10g RAC 类似...
  • liwei_cmg
  • liwei_cmg
  • 2008年03月29日 15:23
  • 3896

[C#]画图全攻略

     本文代码是基于Beta2开发      越来越多的Web应用需要使用图表来进行数据显示和分析。例如:投票结果显示,公司生产情况统计图显示分析等等。利用图表来显示数据,具有直观,清晰等优点。 ...
  • kenter78
  • kenter78
  • 2005年03月10日 09:59
  • 12004

Linux 安装vsftpd

为了方便,我直接使用已经搭建好的yum源进行安装 [root@localhost mnt]# yum list | grep vsftpd              ###查看yum源中的vsftpd...
  • quanliyadan
  • quanliyadan
  • 2013年12月28日 23:27
  • 1319

HTML5绘图基础_01_Canvas的使用

HTML5中的canvas为HTML5为更好的完成图形的绘制提供的画布。功能强大,具体使用方式为: (1)在页面中嵌入,为在不支持canvas的浏览器中给出准确的提示,可以在标签中嵌入适当的文本。如:...
  • sweetsoft
  • sweetsoft
  • 2016年01月16日 23:07
  • 990
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:ASP.NET画图全攻略(下)
举报原因:
原因补充:

(最多只允许输入30个字)