Web环境下统计图表的一种生成方法

【摘要】 利用Windows的图形设备接口GDI+提供的图形工具库（即System.Drawing名称空间的GDI+），将程序代码分布在Web服务器端，用户通过浏览器访问相应的网页并运行服务器端代码，动态地生成图表，然后以GIF或JPG图形的形式发送给客户端提交给用户。最后给出一个生成直条图的例子及程序代码。

【关键词】 Web; ASP.NET; GDI+; 统计图表; B/S模式

1 引言 统计图表是医学统计学中常用的一种数据表示形式， 目前有很多生成统计图表的软件，例如Microsoft Graphic、DeltaGraph、Microsoft Excel 等软件都可以很方便的生成各种统计图表，但这些软件只能应用在单机Windows桌面应用程序中。WEB环境下，这个问题就变得要复杂一些了。

2 系统运行模式 由于在Web环境下，目前广泛流行的应用系统平台模式大体上分为两种:客户机/服务器模式(Client/Server，简称C/S)和浏览器/服务器模式(Browser/Server，简称B/S)。不管使用哪一种模式，数据一般都存储在服务器上，客户端或浏览器要从服务器中提取数据，然后进行加工处理，最后把分析处理的结果显示到屏幕上。 对于C/S模式，应用程序逻辑通常分布在客户和服务器两端， 客户端发出数据资源访问请求，服务器端将结果返回客户端。但C/S结构存在着很多体系结构上的问题，一旦应用的需求发生变化，客户端和服务器端的应用程序都需要进行修改，给应用维护和升级带来了极大的不便，使客户端的设置复杂化。另外，非MS Windows/IE的客户端一般难以运行，不能跨平台。 而B/S模式的客户端只需要一个标准的浏览器，可以在任何地方进行操作而不用安装任何专门的客户端软件，客户端零维护，具有更大的灵活性。无论是决策层还是操作层的人员都无需培训，就可以直接使用。其次当程序功能发生变化时，无需再为每个现有的客户应用程序升级，而只需对Web服务器上的服务处理程序进行修改。这样不但可以提高运作效率，还省去了维护时协调工作的不少麻烦。因此现在的WEB应用程序开发也以B/S模式较为流行。 本研究采用B/S模式，利用Web服务器上运行的服务器端代码，动态地生成图表，然后以GIF或JPG图形的形式发送给客户端。许多网站大量地运用了这一技术。注意：利用这种技术生成的图形不是把图形保存在Web服务器上，而是用户发出一个http请求时动态从服务器端运行程序代码生成。

3 图表生成方法 在ASP.NET Web应用程序中，我们可以利用ASP.NET内建的图形库GDI+(Graphic Device Interface+)绘制图表。GDI+是 GDI（Windows XP之前版本提供的图形设备接口）的后续版本。它是一种应用程序编程接口(API)，负责在屏幕和打印机上显示信息，GDI+在命名空间System.Drawing中，我们可以引入该命名空间然后调用相应的作图方法生成图形。这种方法是一种较底层的方法，在ASP.NET中，利用GDI+可以创建简单的直方图、饼图和线性图，不适于创建复杂的图形。 在System.Drawing命名空间中包含了创建、编辑图像的所有类。创建图像时，主要使用Bitmap类和Graphics类。为了便于理解，可以把Bitmap类想象成画板，Graphics类想象成画笔。Bitmap类主要用于创建画板以及图象创建完成后图像的保存，Graphics类主要用来绘制图像、图形和线条等。

4 一个例子 下面就以画直条图为例来说明利用这种方法绘制统计图的方法，其他统计图的绘制方法类似。 例： 将某市某区某年几种主要疾病死亡专率（资料见下表）绘制成直条图。

主要死因死亡人数死亡专率（1/10万）脑血管病806200恶性肿瘤458114心脏病35889老慢支25563肺结核17744 按照上面所提及的方法，在ASP.NET环境下可以通过如下步骤绘制直条图，这里的开发工具选用的是Visual Studio.Net2003企业版，采用的开发语言是C＃。 ① 启动Visual Studio.Net2003 ② 选择菜单【文件】|【新建】|【项目】后，弹出【新建项目】对话框 ③ 将【项目类型】设置为【Visual C＃项目】 ④ 将【模板】设置为【ASP.NET Web 应用程序】 ⑤ 在【位置】的文本框中输入"http://localhost/tjt"，然后单击【确定】按钮，这样Visual Studio.Net就会在当前项目文件所在目录中建立一个名称为"tjt"文件夹，里面存放的是此项目的项目文件，项目中的其他文件存放的位置是计算机Internet信息服务的默认的Web站点所在的目录中新建的一个名称为"tjt"的文件夹中。具体过程如图1所示。

图1 新建一个ASP.NET项目对话框（略） ⑥ 在项目中添加一个Web窗体chart1.aspx，在此窗体中拖入一个Web窗体控件命令按钮，然后切换到该窗体的程序代码编辑窗口，即chart1.aspx.cs文件的编辑窗口。 ⑦ 在chart1.aspx.cs文件首部，用下列代码替换chart1.aspx.cs中导入命名空间的代码： //以下命令导入命名空间 using System; using System.Collections; using System.ComponentModel; using System.Data; using System.Drawing; //导入GDI+命名空间 using System.Drawing.Imaging; using System.Web; using System.Web.SessionState; using System.Web.UI; using System.Web.UI.WebControls; using System.Web.UI.HtmlControls; namespace tjt { ///

【参考文献】 1 杨树勤， 主编. 卫生统计学. 第3版. 人民卫生出版社， 1993. 2 刘斌， 张军， 编著. ASP.NET+SQL Server动态网站开发案例精选. 清华大学出版社， 2005.