Welcome 微信登录

首页 / 网页编程 / ASP.NET / 在ASP.NET页面中实现数据棒图

在ASP.NET页面中实现数据棒图2011-01-02 天极 阿虎棒图有时又称为"Bar"图。在我的上一篇文章《在ASP.NET实现数据图表》中已经介绍了在浏览器看到的图表,一般都是图片文件。那么在ASP.NET中是否也可以生成这些图表?答案是肯定的,因为在ASP.NET中拥有了一个新功能--绘图功能,通过此功能就能够按照要实现的图表的模样来绘制,最后在客户端的浏览器中形成一个图片,从而显示出图表来。

本文就在上一篇文章的基础上,进一步介绍在ASP.NET页面中实现Bar图的具体方法。希望本篇文章不仅能够让您领会到ASP.NET中强大的绘图功能,更希望能够弥补上一篇文章的一个缺憾,就是上一篇实现的图表的数据来自固定数值,而我们知道图表只有在和数据库关联以后,才能够显示出更强大的优势。下面就来介绍在ASP.NET页面中从数据库中提起数据,并以此数据形成Bar图的具体实现方法。

一.本文程序设计和运行的软件环境:

(1).微软公司视窗2000服务器版。

(2).Visual Studio .Net正式版,.Net FrameWork SDK版本号3705。

(3).MDAC 2.6(Microsoft Data Acess Component)以上版本。

二.建立数据源

为了方便起见,本文选择的数据库类型为本地数据库--Access 2000,如果你使用的是其他数据库类型,只需对下面介绍的程序中的关于数据库连接的代码进行相应的修改就可以了。Access数据库名称为"db.mdb",在此数据库中只定义了一张数据表"Table01",此表的结构如表01所示:

字段名称类型说明
ID自动编号主键 ,递增
YF数字销售月份
SL数字销量
表01:Table01数据表的结构

在定义完"db.mdb"数据库中的"Table01"数据表后,在Table01数据表中按照表02所示添加记录:

IDYFSL
1112
225
337
4420
5516
6610
7719
888
997
101013
111111
121215
表02:Table01数据表中的记录情况

在Table01数据表中添加完这12条记录后,保存"db.mdb"数据库到C盘的根目录中。