频 道 直 达 - 新闻 - 培训 - 软件 - 教程 - 前沿 - 组网 - 系统应用 - 安全 - 编程 - 存储 - 操作系统 - 数据库 - 服务器 - 专题 - 产品 - 案例库 - 读书 - 博客 - BBS
51CTO.COM_中国最大的网络技术网站
找资料:

页面范例2 - 定时更新多个统计图

作者: 章立民研究室 出处:机械工业出版社  2008-05-06 11:05    砖    好    评论   进入论坛
阅读提示:《ASP.NET AJAX 经典范例168(VC#版)》第7章主要讲的是定时操作的最佳利器,善用Timer控件,本节为您展示的是页面范例2 - 定时更新多个统计图。

页面范例2 - 定时更新多个统计图

图7-13与图7-14是页面范例CH7_DemoForm008.aspx的执行画面,显然,这是利用Timer控件来定时更新页面上的统计图表,相关设计技巧说明如下:

 
 

•如图7-15的设计画面所示,我们在页面上的UpdatePanel控件之外添加一个Timer控件,并将其Interval属性设定成3000,以便每三秒钟更新页面一次。

•由于Timer控件位于UpdatePanel控件之外,因此必须设定UpdaetPanel控件的Triggers属性来添加一个由Timer控件的Tick事件所引发的触发器(如图7-16所示),如此一来,才能够由Timer控件每三秒就引发一次异步回送并局部更新UpdatePanel控件的内容。

 

•我们必须为页面的Load事件处理函数编写下列程序代码,以便在页面一开始显示于浏览器中时,就会使用各个泛型处理函数(.ashx)来绘制统计图表:
protected void Page_Load(object sender, EventArgs e)
{
if (!IsPostBack)
{
this.Image1.ImageUrl = "DrawLine1.ashx";
this.Image2.ImageUrl = "DrawLine2.ashx";
this.Image3.ImageUrl = "DrawLine3.ashx";
this.Image4.ImageUrl = "DrawLine4.ashx";
this.Image5.ImageUrl = "DrawLine5.ashx";
this.Image6.ImageUrl = "DrawLine6.ashx";
}
}
•我们必须为Timer控件的Tick事件处理函数编写下列程序代码,以便每当Interval属性所设定的间隔时间一到,就使用各个泛型处理函数来重绘统计图表:
protected void Timer1_Tick(object sender, EventArgs e)
{
this.Image1.ImageUrl = "DrawLine1.ashx";
this.Image2.ImageUrl = "DrawLine2.ashx";
this.Image3.ImageUrl = "DrawLine3.ashx";
this.Image4.ImageUrl = "DrawLine4.ashx";
this.Image5.ImageUrl = "DrawLine5.ashx";
this.Image6.ImageUrl = "DrawLine6.ashx";
}

•我们共使用了六个泛型处理函数(DrawLine1.ashx、DrawLine2.ashx...DrawLine6.ashx)来分别绘制各个统计图表,这些泛型处理函数的写法大同小异,在此仅将DrawLine1.ashx的程序代码列示如下:

<%@ WebHandler Language="C#" Class="DrawLine1" %>

 

using System;

using System.Web;

using System.Collections.Generic;

using System.Drawing;

using System.Drawing.Drawing2D;

using System.IO;

using System.Drawing.Imaging;

 

public class DrawLine1 : IHttpHandler

{   

 public void ProcessRequest (HttpContext context)

 {

  List<Point> points = GetPointArray1();

 

  using (Bitmap ChartingImage = new Bitmap(320, 240))

 

 {

   using (Graphics g = Graphics.FromImage(ChartingImage))

   {

    // 指定使用平滑化处理(又称为反锯齿功能)。

    g.SmoothingMode = SmoothingMode.AntiAlias;

    g.FillRectangle(new LinearGradientBrush(new Rectangle(0, 0, 320, 240),

      Color.DeepPink, Color.YellowGreen, LinearGradientMode.Vertical),

      new Rectangle(0, 0, 320, 240));

 

    using (Pen p = new Pen(Color.Yellow, 2))

    {

     if (points.Count > 1)

     {

      int startX = points[0].X;

      int startY = points[0].Y;

 

     for (int i = 1; i < points.Count; i++)

      {

       g.DrawLine(p, startX, startY, points[i].X, points[i].Y);

       startX = points[i].X;

       startY = points[i].Y;

      }

      g.DrawString("深圳A股:" +

        Convert.ToString(240 - points[points.Count - 1].Y),

        new Font("标楷体", 20), Brushes.Yellow, 0, 0);

     }

    }

    context.Response.ContentType = "Image/png";

    context.Response.Cache.SetNoStore();

    context.Response.Cache.SetCacheability(HttpCacheability.NoCache);

    context.Response.Cache.SetExpires(DateTime.Now);

    context.Response.Cache.SetValidUntilExpires(false);

    using (MemoryStream ms = new MemoryStream())

    {

        ChartingImage.Save(ms, ImageFormat.Png);

        ms.Flush();

        context.Response.BinaryWrite(ms.GetBuffer());

    }

   }

  }

 }

 private List<Point> GetPointArray1()

 {

  List<Point> Points = (List<Point>)(HttpContext.Current.Cache["PointArray1"]);

  if (Points == null)

  {

   Points = new List<Point>();

   Points.Add(new Point(0, 120));  // 添加第一个坐标点 (0, 120)

   HttpContext.Current.Cache["X1"] = 0;

   HttpContext.Current.Cache["Y1"] = 120;

  }

  Random r = new Random();

  int x = Convert.ToInt32(HttpContext.Current.Cache["X1"]) + 10;

  int y = Convert.ToInt32(HttpContext.Current.Cache["Y1"]);

  if (x == 320)

  {

   x = 0;

   y = 120;

   Points.Clear();

  }

  if (y % 2 == 0)

  {

   y += r.Next(0, 11);

  }

  else

  {

   y -= r.Next(0, 11);

  }

  Points.Add(new Point(x, y));

  HttpContext.Current.Cache["PointArray1"] = Points;

  HttpContext.Current.Cache["X1"] = x;

  HttpContext.Current.Cache["Y1"] = y;

  return Points;

 }

 

 ...

}

【责任编辑:夏书 TEL:(010)68476606】

回书目   上一节   下一节
专题
ASP.NET 2.0基础开发指南
.NET移动与嵌入式技术专题
.NET Framework新手入门专题
VS.NET实用开发专题
ADO.NET实用技巧专题
我也说两句

匿名发表

(如果看不清请点击图片进行更换)


中 国 最 大 的 网 络 技 术 网 站 ·
技 术 成 就 梦 想
订阅技术快讯
电子杂志下载
名称:SQL Server数据库管理精品黄皮书
简介:书中文章经过精挑细选,便于用户能根据自己的实际工作和学习,快速在本书寻找到相关资料。内容涵盖了SQL Server的安装与升级、语句查询、数据备份和恢复、自动化任务、数据同步、数据字典、安全和预防、性能和优化、集群等各方面应用信息,以及DBA管理人员在数据库管理工作中
名称:2007路由技术大全
简介:《2007路由技术大全》由51CTO.com网站特别策划制作,该书包括路由器技术、路由器产品、路由器配置、安全设置、路由器故障处理、路由器密码恢复,以及广大网友在实践使用中的心得经验和技巧文章,内容注重实用性,适用于初学者入门,也适合多年从业者提高,是一本实践和理论完
名称:网络安全精品应用黄皮书
简介:《2007精品网络安全黄皮书》包括了9个大类24个小类, 800余篇文章,内容包含了熊猫烧香病毒、DDOS攻击、ARP病等热点问题的介绍及解决方案。从病毒查杀、防范、系统、数据等各方面的安全设置到黑客技术的了解、防范,涉及到了安全应用的全部领域, 由浅至深内容全面。
全面解析35岁技术人的价值与出路
全面解析35岁技术人的价值与..
勇闯IT培训黑色围城
勇闯IT培训黑色围城
二手仿冒设备与思科再营销谁更火
二手仿冒设备与思科再营销谁..
· 二手仿冒设备与思科再..
· 汶川大地震 IT技术人为..
· 网络故障排除宝典
· 访问控制列表(ACL)介绍
· 视频访谈:网管员如何踏..
· 首届中国IT工程师生态..
· 华为路由器配置
· 企业数据恢复指南
· 龙芯要做中国的“奔腾”
· 2008年上半年全国软考..
· 交换机故障解决指南
· Vista SP1对决XP SP3
· LAMP技术精解
· 微软出价446亿美元收购..
· AIX操作系统管理应用(..
· 华为员工自杀频频拷问..
ARP攻击防范与解决方案
ARP攻击防范与解决方案
iSCSI应用与发展
iSCSI应用与发展
SQL Server 2008/2005全解
SQL Server 2008/2005全解
· SQL Server 2008/2005..
· SOA 面向服务架构
· SQL Server 2008/2005..
· iSCSI应用与发展
· RAID——磁盘阵列基础
· Apache技术专题
· 三层交换技术专题
· SQL Server入门到精通
· Apache技术专题
· 国际文档格式标准开战
· 路由器设置与口令恢复
· 打造安全服务器
· PHP开发应用手册
· SOA 面向服务架构
· 企业数据恢复指南
· ADSL应用面面俱到
ARP攻击防范与解决方案
ARP攻击防范与解决方案
SQL Server 2008/2005全解
SQL Server 2008/2005全解
iSCSI应用与发展
iSCSI应用与发展
· iSCSI应用与发展
· SQL Server入门到精通
· SQL Server 2008/2005..
· SOA 面向服务架构
· Apache技术专题
· iSCSI应用与发展
· 三层交换技术专题
· Apache技术专题
· 企业数据恢复指南
· RAID——磁盘阵列基础
· 路由器设置与口令恢复
· SOA 面向服务架构
· ADSL应用面面俱到
· ADSL应用面面俱到
· 反垃圾邮件技术应用
· 访问控制列表(ACL)介绍