如何利用ASP技术生成图形报表？

一、

在Web程序开发中，图形和图表是很好的数据表现形式，往往是表格中的大量数据让用户产生无法处理，无从获取所需要的信息，而以图表方式提供数据的话就可以达到简单清爽，简单易懂并且一目了然的效果，利用图表，管理人员可以方便的掌握销售与生产数据，从而做出相应的判断。

在ASP.NET Web程序中，生成图表有以下的选择：

ASP.NET内建的图形库（GDI+,位于System.Drawing 命名空间）：使用简单的图形，GDI+能够创建饼图、柱状图、线性图，但是这种方法过于底层，不适于创建复杂的图形。

各种ASP.NET图表控件：网上有一些ASP.NET的图表控件，但许多控件非常昂贵，而且与最常用的图表应用Excel差别很大。

Office Web Components：Microsoft Office Web Components 包含在 Microsoft Office 2000 中，它们是用于向 Web 页添加电子表格、图表和数据处理功能的 ActiveX 控件的集合，可以直接在浏览器中处理数据，并以图表的形式显示数据，由于其基于Office的强大功能，以及与Office相同的用户界面，无疑是ASP.NET中图表生成的明智选择。

二、基于GDI+的图表生成

1、基本概念

GDI+ 是 GDI（Windows XP之前版本提供的图形设备接口）的后续版本，GDI+ 是一种应用程序编程接口 (API)，负责在屏幕和打印机上显示信息，在ASP.NET中，利用GDI+可以创建简单的柱状图和饼图。

2、创建简单图像

在System.Draw命名空间中包含了创建、编辑图像的所有类，创建图像时，主要使用Bitmap类和Graphics类，为了便于理解，可以把Bitmap类想象成画板，Graphics类想象成画笔，Bitmap类主要用于创建画板以及在完成后图像的保存，Graphics类主要用来绘制图像、图形和线条。

3、创建柱状图

在知道了如何使用GDI+创建简单图像并显示到页面后，创建复杂一些的柱状图就非常自然了，使用简单的FillRectangle，DrawRectangle，DrawString方法，即可实现基本的柱状图，代码如下：

const int width = 600, height = 400;
Bitmap myPalette = new Bitmap(width,height);
Graphics myGraphics = Graphics.FromImage(myPalette);
// 绘制白色背景
myGraphics.FillRectangle(new SolidBrush(Color.White), 0, 0, width, height);
// 绘制黑色背景椭圆
myGraphics.FillEllipse(new SolidBrush(Color.Black), 300, 150, width, height);
// 绘制蓝色背景椭圆
myGraphics.FillEllipse(new SolidBrush(Color.LightBlue), 300, 150, width 10, height 10);
// 创建输出文本
string textOut = "ASP.NET";
//指定字体
Font fontOut = new Font("Times New Roman", 16, FontStyle.Bold|FontStyle.Italic);
//指定文本居中
StringFormat stringFormat = new StringFormat();
stringFormat.Alignment = StringAlignment.Center;
stringFormat.LineAlignment = StringAlignment.Center;
// 绘制文本
myGraphics.DrawString(textOut,fontOut,new SolidBrush(Color.Black),new Rectangle(0,0,width,height),stringFormat);

图已经画好了，只剩下将图保存下来，要将保存的图在网页中显示，可以在下面两种方式中任选其一：

将图像保存在服务器的文件系统中，使用HTML的<img>标记来显示。

直接将图像的二进制流输出到Response对象的输出流。

三、基于Office Web Components的图表生成

Office Web Components（OWC）是一个由微软开发的ActiveX控件集合，它允许开发者在Web应用程序中嵌入类似于Excel的功能，包括创建图表、电子表格等，OWC提供了丰富的API来操作这些控件，使得开发者能够在服务器端动态生成包含图表的Web页面。

1、安装与配置

下载并安装OWC组件包。

在ASP.NET项目中引用相关DLL文件，并在Web.config中进行必要的配置。

2、创建图表

初始化OWC图表对象。

设置图表类型（如柱状图、折线图等）。

添加数据系列和数据点。

配置图表的其他属性（如标题、轴标签、颜色等）。

3、将图表导出为图像

使用OWC提供的方法将图表导出为图像格式（如PNG、JPEG等）。

将图像保存到服务器或直接返回给客户端。

4、在ASP.NET页面中显示图表

如果将图像保存到服务器，可以使用HTML的<img>标签来显示图像。

如果直接返回给客户端，则可以将图像的二进制流写入Response对象的输出流中。

四、基于Chart帮助程序的图表生成

Chart Helper是一个用于ASP.NET的图表库，它提供了一种简单的方式来在Web页面中生成和显示图表，Chart Helper支持多种图表类型，并允许开发者通过简单的API来自定义图表的各种属性。

1、安装与配置

下载并安装Chart Helper库。

在ASP.NET项目中引用相关DLL文件，并在Web.config中进行必要的配置。

2、创建图表

初始化Chart Helper图表对象。

设置图表的大小和标题。

添加数据系列和数据点。

配置图表的其他属性（如颜色、样式等）。

3、在ASP.NET页面中显示图表

使用Chart Helper提供的Write方法将图表渲染到页面上。

Write方法会生成一个包含图表的HTML片段，并将其插入到指定的容器中。

4、自定义图表

Chart Helper提供了丰富的API来自定义图表的各种元素（如轴、图例、数据标签等）。

开发者可以通过修改图表对象的属性和方法来满足特定的需求。

五、问题与解答栏目

问题1：如何在ASP.NET中使用GDI+生成图表并显示在网页上？

答：在ASP.NET中使用GDI+生成图表并显示在网页上，可以遵循以下步骤：

1、创建一个Bitmap实例作为画布，并使用Graphics类在其上绘制图表。

2、使用Graphics类的方法绘制图表的各个部分，如坐标轴、数据系列、图例等。

3、将绘制好的Bitmap对象保存为图像文件，或者将其转换为字节数组并通过Response对象输出到客户端。

4、如果选择保存为图像文件，可以使用HTML的<img>标签在网页上显示该图像，如果选择直接输出到客户端，则需要设置适当的ContentType和Content-Disposition响应头。

免费空间通常有以下几个缺点：

性能不稳定：由于免费空间的用户众多，且资源有限，因此可能会出现性能不稳定的情况，导致网站访问速度慢或无法访问。

功能限制：免费空间通常会对某些功能进行限制，如数据库大小、带宽、存储空间等。

安全性低：免费空间的安全性相对较低，可能会受到黑客攻击或数据泄露的风险。

广告植入：部分免费空间会在用户的网站上植入广告，影响用户体验和品牌形象。

虽然免费空间具有一定的吸引力，但其性能不稳定、功能限制、安全性低以及广告植入等缺点也不容忽视，在选择空间时，需要根据实际需求和预算进行权衡。

小伙伴们，上文介绍了“asp图形报表”的内容，你了解清楚吗？希望对你有所帮助，任何问题可以给我留言，让我们下期再见吧。