All articles| All Pictures| All Softwares| All Video| Go home page| Write articles| Upload pictures

Reading number is top 10 articles
ASP.NET技巧:HTTP性能调优之设置连接失效时间_.net资料_编程技术
php中退出while循环语句_php资料_编程技术
利用GridView显示主细表并一次编辑明细表所有数据的例子_[Asp.Net教程]
Response.Redirect,打开新窗口的两种方法_[Asp.Net教程]
别出心裁搞一搞,日期相加的函数addDate_JavaScript技术_编程技术
取得文件扩展名方法_[PHP教程]_0
.NET
.NET生成静态页面并分页_[Asp.Net教程]
不需要mod_rewrite直接使用php实现伪静态化页面_[PHP教程]
总结SQL Server与Access语法小差异_[SQL Server教程]
Reading number is top 10 pictures
A cat have life principles
修电脑也有这么漂亮的美女
餐桌上的鱼
Summer is most suitable for young people to travel in China1
漂亮的跳舞妹妹1
2012 national geographic daily picture7
青涩甜美-王祖贤小时候的旧照片曝光
India's national beauty of the college students
水晶头骨造型的酒瓶
Summer is most suitable for young people to travel in China4
Download software ranking
株洲本地在线棋牌游戏
ASP.NET.2.0.XML.高级编程(第3版)
Proficient in Eclipse
Boxer's Top ten classic battle4
Proficient in JavaScript
Tram sex maniac 2 (H) rar bag9
Jinling thirteen stock
DreamWeaver8
Sora aoi - one of more PK
Boxer vs Yellow2
归海一刀 published in(发表于) 2014/1/30 1:22:43 Edit(编辑)
ASP.NET生成饼图功能实例代码_[Asp.Net教程]

ASP.NET生成饼图功能实例代码_[Asp.Net教程]

ASP.NET生成饼图功能实例代码_[Asp.Net教程]
  在ASP.NET的程序中显示一个二维的椭圆形的饼图界面,其中每一个饼块具有提示文本和一个超链接, 当用户鼠标移动到某个饼块时浏览器会显示一些提示文本,当用户点击该饼块则链接到其他页面使得页面能显示和该饼块相关的详细信息。
  最终效果如图所示,演示程序中有一个pie.aspx的页面,该页面就包含了一个带超链接的饼图对象。


ASP.NET生成饼图功能实例代码


  这个网页中显示一个饼图,每一个扇型都显示数据库中一个客户的总订单金额,总共显示了10个客户。我们鼠标移动到一个饼图项目上,可以显示出这个客户的名称和订单金额。当鼠标点击饼图项目时,就会链接到另外一个页面。该页面也显示一个饼图,其中的项目用于显示单个订单的金额。鼠标放在某个项目上可以看到订单的时间,地点,订单人姓名和订单金额。


ASP.NET生成饼图功能实例代码


  在这里,第一个页面为主页面,第二个页面为明细页面。我们察看主页面的HTML代码,可以看到代码为

border=’0’ />

title="客户名称:三川实业有限公司订单金额:518.7 点击察看该客户订单的详细情况" />
title="客户名称:东南实业订单金额:2581.95 点击察看该客户订单的详细情况" />
href="pie_orders.aspx?customerid=ANTON" title="客户名称:坦森行贸易订单金额:7023.97 点击察看该客户订单的详细情况" />
href="pie_orders.aspx?customerid=AROUT" title="客户名称:国顶有限公司订单金额:12899.15 点击察看该客户订单的详细情况" />

  我们使用图片来显示饼图图形,使用map元素来在图片上设置提示文本和超链接,使用多边形来模拟扇形的超链接区域。明细页面也类似。

  程序设计
  文档对象模型
  饼图是一种很常见的展示数据的方式,使用文档对象模型的软件设计思想来分析这个饼图形状,可以很容易的知道,饼图可以抽象为饼图对象本身和饼图项目。
  饼图对象可以定义整体饼图的位置和大小,它的边界就是包含整个饼图的椭圆的外切矩形,而且饼图对象是个容器,可以容纳若干个饼图项目。
  饼图项目定义单个扇形区域,包括饼图项目对应的数值,提示文本,超链接地址,扇形区域的起始角度和终止角度。


  程序结构设计
  该软件应用到ASP.NET中,在桌面程序和WEB程序中应用图形编程具有很大的差别,WEB程序没有视图控件的概念,通常是采用服务器端生成包含图形的图片文档来显示图形,由于WEB程序底层的HTTP传输协议是无状态的,因此程序结构比较复杂,其结构如图所示



  在这里,采用服务器端生成包含图形的图片来显示图形。由于HTML页面是纯文本的文档,不能包含图片文档等二进制数据,因此必须采用至少两个页面来配合显示包含图文的页面,其中主页面来显示HTML文档,而图片服务页面则专门来生成图片文档。
  在这里说明一下程序的流程,首先客户端浏览器向主页面发出请求,该页面中需要显示图形,于是生成一个图形文档对象,向这个图形文档对象填充数据,然后根据图形文档对象和图片服务页面的接口来生成专门显示图片的HTML代码,同时还得讲图片文档对象放入到一个临时数据容器中,最常用的就是session容器。
  主页面处理完成后将生成的HTML文档发送到客户端浏览器,浏览器解析HTML 文档,并根据其引用的图片URL向服务器端的图片服务页面发送请求,最常见的就是img元素的SRC属性。图片服务页面根据URL中的参数从临时数据容器中获得图形文档对象,从中获得图像数据,然后转发到浏览器,浏览器获得图像数据后才能完整的展示主页面生成的HTML文档。
  整个过程比较复杂,需要对HTTP和HTML有比较深的了解。
  当然我们可以去掉图片服务页面,在主页面中生成图片,然后将图片保存到一个临时文件中,这样做不甚合理,需要开放WEB程序访问服务器文件系统的权限,而且图片文件是比较大的,占磁盘空间,需要及时删除,而如何删除这些临时文件也是一个问题。而采用图片服务页面是在内存中生成图像文档的,不用写临时文件,这样做方便网站的维护。



添加到del.icio.us 添加到新浪ViVi 添加到百度搜藏 添加到POCO网摘 添加到天天网摘365Key 添加到和讯网摘 添加到天极网摘 添加到黑米书签 添加到QQ书签 添加到雅虎收藏 添加到奇客发现 diigo it 添加到饭否 添加到飞豆订阅 添加到抓虾收藏 添加到鲜果订阅 digg it 貼到funP 添加到有道阅读 Live Favorites 添加到Newsvine 打印本页 用Email发送本页 在Facebook上分享


Disclaimer Privacy Policy About us Site Map

If you have any requirements, please contact webmaster。(如果有什么要求,请联系站长)
Copyright ©2011-
uuhomepage.com, Inc. All rights reserved.