第6篇 带超链接的饼图设计.ppt

6.4.6 临时文件页面 (1) 在此页面中添加一个命名为lblResult的Label控件。 (2) 打开该页面的C#代码文件，添加如下命名空间： using System.Data.OleDb; using System.Drawing; (3) 在页面的加载处理中输入代码。 6.4.7 订单信息页面 订单信息页面首先查询数据库获得指定的单个客户的订单统计信息，根据获得的数据生成一个饼图。其界面设计如图6.11所示。 6.4.7 订单信息页面 运行后如图6.12所示。 6.4.7 订单信息页面 (1) 打开Pie_Orders页面，在此页面中添加一个名为“lblResult”的Label控件，切换到“源”视图下，添加超链接，用于返回主页面，代码如下： a href=Default.aspx上级页面/a (2) 打开该页面的C#代码文件，在该页面中添加如下命名空间： using System.Data.OleDb; (3) 添加加载事件处理代码。 6.4.7 订单信息页面 程序连接数据库，进行一个比较复杂的SQL查询，获得指定客户编号的所有订单的订购时间、运输人、地点和总金额。在笔者本人的环境下，对某个客户编号，该SQL查询的结果如表6.8所示。 订购时间 运输人 地点 总金额 1996-8-12 方证 东园西甲 30 号 1488.8 1996-8-14 方证 东园西甲 30 号 613.2 1996-12-16 方证 东园西甲 30 号 2222.4 1997-2-12 方证 东园西甲 30 号 1031.7 1997-2-13 方证 东园西甲 30 号 174.9 1997-5-1 方证 东园西甲 30 号 3192.65 1997-6-18 方证 东园西甲 30 号 1501.085 1997-8-11 方证 东园西甲 30 号 1503.6 1997-9-2 方证 东园西甲 30 号 601.83 1997-9-17 方证 东园西甲 30 号 3815.25 1997-10-1 方证 东园西甲 30 号 472.5 1997-11-7 方证 东园西甲 30 号 1459 1997-12-16 方证 东园西甲 30 号 96.5 1998-1-16 方证 东园西甲 30 号 1064.5 1998-1-28 方证 东园西甲 30 号 2048.212 1998-2-3 方证 东园西甲 30 号 1096.2 1998-2-6 方证 东园西甲 30 号 709.55 1998-3-4 方证 东园西甲 30 号 1835.7 6.4.8 图片数据服务页面 (1) 打开pieimage页面，切换到“源”视图下，清空其中的所有的HTML代码，只保留第一行，如果不这样做，则ASPX文件中的HTML代码会随图像数据输出到客户端，从而导致浏览器接收到的图片二进制数据格式错误。 (2) 打开该页面的C#代码文件，添加如下命名空间： using System.Drawing; (3) 添加此页面加载事件处理代码，其代码。 * 第6章 带超链接的饼图设计 6.1 概述 6.2 关键技术 6.3 软件设计 6.4 软件开发 6.1 概述 一般地带超链接的饼图功能有如下几种： (1) 在页面中显示一个二维的椭圆形的饼图界面。 (2) 其中每一个饼块具有提示文本和一个超链接。 (3) 当用户鼠标移动到某个饼块时浏览器会显示一些提示文本。 (4) 当用户点击该饼块则链接到其他页面使得来显示和该饼块相关的详细信息，实现一种数据钻取的功能。 6.1 概述 本章设计的软件运行后首先显示的是主页面，其运行时的用户界面如图6.1所示。 6.1 概述 该页面也显示一个饼图，其中的项目用于显示单个订单的金额。鼠标放在某个项目上可以看到订单的时间，地点，订单人姓名和订单金额，如图6.2所示。 6.2 关键技术 6.2.1 map标签 map标签是成对出现的，以map开始，/map结束，并且map标签必须配合area标签使用。 例如： img src=planets.jpg border=0 usemap=#planetmap alt=Planets / map name=planetmap id=planetmap area shape=circle coords=180,139,14 href =venus.html alt=Venus / area shape=circle coords=129,161,10 href =mercur.html alt=Mercury / area shape=rect coords=0,0,110,260 href =sun.html alt=Sun / /map