2024年6月21日发(作者：)

维普资讯

黩圈　

基于ＡＳＰ的动态统计图绘制方法研究　

誊　焦　煜　

在统计工作中，为了掌握数据的分布特征及其变化规　

律，得出正确的结论，要对统计数据进行分析。利用统计图描　

｛ｍｉｃｒｏｓｏｆｔ　ａｃｃｅｓｓ　ｄｒｉｖｅｒ（　．ｍｄｂ）｝”　

ｓｅｔ　ｒｓ＝ｓｅｒｖｅｒ．ｃｒｅａｔｅｏｂｊｅｃｔ（“ａｄｏｄｂ．ｒｅｃｏｒｄｓｅｔ”）　

％＞　

述数据是统计分析的重要环节，统计图（如折线图、柱型图，　

饼型图等），因其形象直观、一目了然，有着文字和表格无法　

替代的作用，得到了广泛应用。目前在ｗｅｂ网页上可以方便地　

查询、显示数据，但如何根据数据库中的动态数据在ｗｅｂ页面　

中方便地绘制动态统计图，仍是一个值得研究的课题。　

本文给出了一种基于ＡＳＰ组件ｃｓＤｒａｗＧｒａｐｈ绘制动态统　

它的作用是连接到名为ｄｂ１．ｍｄｂ的数据库，其它ａｓｐ文件　

连接该数据库，在代码顶端加入＜！一一＃ｉｎｃｌｕｄｅ　ｆｉｌｅ＝“ｃｏｎｎ．ａｓｐ”　

一即可。　

３．数据添加页面。　

在ａｄｄ．ｈｔｍ上添加ｆｏｒｍｌ表单，将“动作”属性设置为ａｄｄ．　

计图的方法。实现方法是：首先读取ＡＣＣＥＳＳ数据库中的数　

据，使用ｃｓＤｒａｗＧｒａｐｈ组件在服务器端动态生成统计图，以　

ＪＰＥＧ，ＧＩＦ等图像格式把图形发送￣１］ｗｅｂ页面，最终完成折线　

图、柱型图和饼型图等统计图的动态绘制。　

一

ａｓｐ。在这个表单上添加五个ｔｅｘｔｉｆｅｌｄ控件，名称依次为ｋｊｋ，　

ｓｋｋ，ｗｗｋ，ｍｏｎｍＩＤ，ｍｏｎｔｈＩＤｎａｍｅ　

在ａｄｄ．ａｓｐ主要代码为：　

’

一一一

查询表…一一　

、

ＡＳＰ及ｃｓＤｒａｗＧｒａｐｈ组件　

ｓｑｌ＝“ｓｅｌｅｃｔ＊ｆｒｏｍ　ｔａｂｌｅ１　ｏｒｄｅｒ　ｂｙ　ｍｏｎｔｈＩＤ’’　

Ａｃｔｉｖｅ　Ｓｅｒｖｅｒ　Ｐａｇｅｓ（ＡＳＰ）是服务器端脚本编写环境，使　ｒｓ．ｏｐｅｎ　ｓｑｌ，ｄｂ，１，３　’…一按照ｓｑｌ查询方法打开表，３　

表示以可写方式打开＿＿＿一一　

’

一一一

用它可以创建和运行动态、交互的Ｗｅｂ／Ｊ￣务器应用程序。使用　

ＡＳＰ可以组合ＨＴＭＬ页、脚本命令和ＡｅｔｉｖｅＸ组件以创建交互　

的Ｗｅｂ页和基于Ｗｅｂ的功能强大的应用程序。　

ｃｓＤｒａｗＧｒａｐｈ是ＡＳＰ环境下动态绘制统计图的一个组件，　

ＡＳＰ组件ｃｓＤｒａｗＧｒａｐｈ的下载地址是ｈｔｔｐ：／／ｗｗｗ．ｃｈｅｓｔｙｓｏｆｔ，　

向表中填力口信息一一一　

ｒｓ．ａｄｄｎｅｗ　’一一一填力口新记录…一一　

ｒｓ（“ｋｊｋ”）＝ｋｊｋ　

ｒｓ（“ｓｋｋ”）＝ｓｋｋ　

ｒｓ　ｗｗｋ”）＝ｗｗｋ　

ｅｏｍ／ｄｏｗｎｌｏａｄ／ｃｓｄｇｔ．ｚｉｐ，　注册命令为ｒｅｇｓｖｒ３２　Ｃ：　

＼ｃｓＤｒａｗＧｒａｐｈＴｒｉａ１．ｄｌｌ，其中Ｃ：＼ｃｓＤｒａｗＧｒａｐｈＴｒｉａ１．ｄｌｌ为组件所在　

的路径。　

二、用ＡＳＰ操作ＡＣＣＥＳＳ数据库　

ｒｓ（“ｍｏｎｔｈＩＤ”）＝ｍｏｎｔｈＩＤ　

ｒｓ（“ｍｏｎｔｈＩＤｎａｍｅ”）＝ｍｏｎｔｈＩＤｎａｍｅ　

ｒｓ．ｕｐｄａｔｅ　’…一一更新数据库一一一　

４．数据删除页面。　

创建名为ｄｅ１．ａｓｐ的文件，主要代码为：　

’

…一

以图书馆各库室每月借阅数量为例绘制折线图、柱型　

图，饼型图。　

１．创建名为ｄｂ１．ｍｄｂ的ａｃｃｅｓｓ数据库，建立名为ｔａｂｌｅ１　

的表，其结构（如下表１）。　

表１　

根据上个页面传过来的ｉｄ查询表记录…一　

ｓｑｌ＝“ｓｅｌｅｃｔ　ｆｒｏｍ　ｔａｂｌｅ１　ｗｈｅｒｅ　ｍｏｎｔｈＩＤ＝’’＆ｒｅｑｕｅｓｔ　

（“ｍｏｎｔｈｌＤ”）　

ｋｊｋ　

６５２２　

１２３ｌ　

４２５３　

４４８３　

６４１１　

５２１１　

４５６５　

ｓｋｋ　

４２４２　

１２４２　

７７４２　

４３２５　

８８８６　

７６４４　

７８６４　

ｗｗｋ　

４４４４　

８２２　

２５３１　

２３ｌ１　

２３２１　

１２３１　

３６４４　

ｍｏｎｔｈＩＤ　ｍｏｎｔｈＩＤｎａｍｅ　

１　

２　

３　

４　

５　

６　

７　

１月　

２月　

３月　

４月　

５月　

６月　

７月　

ｒｓ．ｏｐｅｎ　ｓｑｌ，ｄｂ，１，３　

（科技库）　（社科库）　（外文库）　（月份数）　（月份名称）　

ｒｓ．ｄｅｌｅｔｅ　’…一一删除一一一　

５．数据修改页面。　

创建名为ｇａｉ．ａｓｐ的文件，主要代码为：　

’

一一

．　

按照刚才传过来的ｉｄ来查询表的具体记录一～　

ｒｏｍ　ｆｔａｂｌｅ１　ｗｈｅｒｅ　ｍｏｎｔｈＩＤ＝’’　ｓｑｌ：“ｓｅｌｅｃｔ＊　

＆ｍｏｎｔｈＩＤ　

ｒｓ．ｏｐｅｎ　ｓｑｌ，ｄｂ，１，３　’…一按照ｓｑｌ查询方法打开表，３　

２．创建名为ｃｏｎｎ．ａｓｐ的文件，其代码为：　

＜％　

ｓｅｔ　ｄｂ＝ｓｅｒｖｅｒ．ｃｒｅａｔｅｏｂｊｅｃｔ（“ａｄｏｄｂ．ｃｏｎｎｅｃｔｉｏｎ’’）　

表示以可写方式打开…一　

ｒｓ（“ｋｊｋ”）＝ｋｊｋ　

ｒｓ（“ｓｋｋ”）＝ｓｋｋ　

ｄｂ．ｏｐｅｎ‘‘ＤＢＱ＝”＆ｓｅｒｖｅｒ．ｍａｐｐａｔｈ（“ｄｂ１．ｍｄｂ”）＆“；ｄｒｉｖｅｒ＝　ｒｓ（“ｗｗｋ”）＝ｗｗｋ　

ｒｓ（“ｍｏｎｔｈＩＤ”）＝ｍｏｎｔｈＩＤ　

至墅圆西四卿

静　

墨！塑　

维普资讯

瞽翊　

运行程序，绘制折线图（如图１）。　

ｒｓ（“ｍｏｎｔｈＩＤｎａｍｅ”）＝ｍｏｎｔｈＩＤｎａｍｅ　

ｒｓ．ｕｐｄａｔｅ　’一一一更新数据库一一一　

ｌ同　

三、动态绘制折线图　

＿社科库Ｉ　

塑Ｉ　

创建名为ｇｉｆ＿ｌｉｎｅ＿ａｓｐ的文件，其代码为：　

＜％＠ｌａｎｇｕａｇｅ＝ｖｂｓｃｒｉｐｔ％＞　

＜！一－＃ｉｎｃｌｕｄｅ　ｆｉｌｅ＝“ｃｏｎｎ．ａｓｐ”一一＞　

＜％　

’

一一一

蠹　

韶　

瞧　

包Ｕ建ｃｈａｒｔ对象一一一　

Ｓｅｔ　

Ｄｒａｗ”）　

Ｃｈａｒｔ￣Ｓｅｒｙｅｒ．ＣｒｅａｔｅＯｂｊｅｃｔ（“ｃｓＤｒａｗＧｒａｐｈＴｒｉａ１．　

１月　２月　３月　４月　５月　６月　７月　

图１　图书馆各库室借阅量统计图　

ＳＯＬ＝“ＳＥＬＥＣＴ　＊ＦＲＯＭ　

ｍｏｎｔｈＩＤ”　

Ｔａｂｌｅ　１　ＯＲＤＥＲ　ＢＹ　

四、动态绘制柱型图、饼型图　

绘制科技库１－７￣］份借阅量柱型图、饼型图。为了在图中　

使用不同颜色，增加颜色代码字段，字段名为ｃｏｌｏｕｒ。　

将折线图绘制程序中的循环制图部分改为　

Ｗｈｉｌｅ　Ｎｏｔ　ＲＳ．Ｅｏｆ　

ＲＳ．Ｏｐｅｎ　ＳＱＬ，ＤＢ　

’

…一

从数据库中读取数据并生成三条直线一一　

ＣＩｎｔ（ＲＳ（“ｍｏｎｔｈＩＤ”）），ＣＩｎｔ（ＲＳ　

Ｗｈｉｌｅ　Ｎｏｔ　ＲＳ．Ｅｏｆ　

Ｃｈａｒｔ．ＡｄｄＰｏｉｎｔ　

Ｃｈａｒｔ．Ａｄｄｄａｔａ　ＲＳ（“ｍｏｎｔｈＩＤｎａｍｅ”），ＣＩｎｔ（ＲＳ（“ｋｊｋ”）），　

ＲＳ（“ｃｏｌｏｕｒ”）　

ＲＳ．ＭｏｖｅＮｅｘｔ　

（“ｋｊｋ”）），“０００Ｏｆｆ”，“科技库”　

Ｃｈａｒｔ．ＡｄｄＰｏｉｎｔ　ＣＩｎｔ（ＲＳ（“ｍｏｎｔｈＩＤ”）），ＣＩｎｔ（ＲＳ　

（“ｓｋｋ”）），“ｆｆ００００”，“社科库”　

Ｃｈａｒｔ．ＡｄｄＰｏｉｎｔ　ＣＩｎｔ　（ＲＳ　（“ｍｏｎｔｈＩＤ”）），ＣＩｎｔ（ＲＳ　

Ｗｅｎｄ　

就可以画出柱型图（如图２）。　

７Ｏ００　

（“ｗｗｋ”）），“ＯＯｆｆＯ０”，“外文库”　

’

＿＿．一

在Ｘ轴上用月份的名称替换月份数一一　

５２５０　

ＣｈａｒｔＡ￣ＩｄＸＶａｌｕｅ　Ｃｈ￣ｔ（ＲＳ（“ｍｏｎｔｈＩＤ”）），ＲＳ（“ｍｏｎｔｈＩＤｎａｍｅ”）　

ＲＳ．ＭｏｖｅＮｅｘｔ　

Ｗｅｎｄ　

嘲　

３５００　

‘关闭数据库连接　

ＲＳ．Ｃｌｏｓｅ　

ＤＢ．Ｃｌｏｓｅ　

挝　

１７５０　

０　１月　２月３月４月５月６月　７月　

‘设置组件属性　

图２科技库１—７月借阅量统计图　

Ｃｈａｒｔ．Ｔｉｌｔｅ＝“图书馆各库室借阅量统计图”　

Ｃｈａｒｔ．ＴｉｔｌｅＸ＝１００　

将图像生成语句Ｒｅｓｐｏｎｓｅ．ＢｉｎａｒｙＷｒｉｔｅ　Ｃｈａｒｔ．ＧＩＦｂａｒ　

改为Ｒｅｓｐｏｎｓｅ．ＢｉｎａｒｙＷｒｉｔｅ　Ｃｈａｒｔ．ＧＩＦｐｉｅ　

Ｃｈａｒｔ．ＹＡｘｉｓＴｅｘｔ＝“借出数量”　

Ｃｈａｒｔ．ＯｒｉｇｉｎＹ＝２２０　

就可以绘制饼型图（如图３）。　

五、总结　

Ｃｈａｒｔ．ＸＯｆｆｓｅｔ＝ｌ　’＿＿＿一Ｘ轴坐标从１开始…一　

Ｃｈａｒｔ．ＸＴｌ０ｐ＝７　

Ｃｈａｒｔ．ＸＧｒａｄ＝１　

在实际应　

用中，当数据　

变化时，只要　

用相应的ａｓｐ页　

面操作数据库　

４月　Ｉ司　

Ｉ口４月Ｉ　

－５月Ｉ　

’＿＿＿一一Ｘ轴的最大值…一一　

’…一一Ｘ轴的步长＿＿＿一一　

ｌ＿２月ｌ　

Ｉ－３月ｌ　

Ｃｈａｒｔ．ＵｓｅＸＡｘｉｓＬａｂｅｌｓ＝ｔｒｕｅ　’一一用文本代替Ｘ轴上的　

数字…一一　

Ｃｈａｒｔ．ＬｉｎｅＷｉｄｔｈ＝２　’一一一线的宽度一一一　

；昱ｓ幽　

２，ｑ　

１２３１　

Ｃｈａｒｔ．ＰｏｉｎｔＳｉｚｅ＝３　

Ｃｈａｒｔ．ＰｏｉｎｔＳｔｙｌｅ＝１　

Ｃｈａｒｔ．ｓｈｏｗｇｒｉｄ＝ｔｒｕｅ　

’

…一

’＿＿＿一一转折点的大，Ｊ、一一一　

’…一一转折点的形式一一一　

’－－－一一

显示网格…

（如添加，删除明　

或修改数据），　’’　

就可以很方便　

地更新数据，　

统计图也会立　

即随之发生相　

４５６５　

一一　

图片以ＧＩＦ格式发送到浏览器…一　

Ｒｅｓｐｏｎｓｅ．ＣｏｎｔｅｎｔＴｙｐｅ＝“ｉｍａｇｅ／ｇｉｆ’’　

Ｒｅｓｐｏｎｓｅ．ＢｉｎａｒｙＷｆｉｔｅ　Ｃｈａｒｔ．ＧＩＦｌｉｎｅ　

图３科技库１—７月借阅量统计图　

应的变化，从而绘制出动态统计图，网站的维护十分便利。　

［作者通联：青岛科技大学２６６０４２］　

Ｒｅｓｐｏｎｓｅ．Ｅｎｄ　

％＞　

！　堡墼垦堡旦壁鲤

；　

塞！塑