基于Ajax的SVG在模拟实时数据显示上的实践应用.pdfVIP

2011年 2月 15日 第 34卷第 4期 现代电子技术 Feb．2O11 ModernElectronicsTechnique Vo1．34No．4 基于Ajax的SVG在模拟实时数据显示上的应用 王重英 ，王 涛 (1．商洛学 院 计算机科学系 ，陕西 商洛 726000；2．广东科学技术职业学院 计算机工程与技术学院，广东 珠海 519090) 摘 要 ：SVG是一套基于XML的二维可缩放矢量 图形规范。它描述的矢量 图形有许 多优势 ，如平台无关 ，可扩展性 、灵活 性强和节省带宽等。ASP．NET应用程序可以在服务器端动态添加强大、交互式的SVG可视化元素。在此基础上，使用Aiax 和数据库技术模拟实时数据的显示，有效解决传统方式下实时数据发布所面临的信息量过大，网络拥塞，浏览器频繁刷新页面 等待数据传输等诸多问题 ，最后给 出实例加以验证 ，并得 出在实时数据发布领域 中SVG优于传统表示方式的结论 。 关键 词：SVG；AjaN；实时数据 ；XML 中图分类号 ：TN919—34；TP393 文献标识码 ：A 文章编号：1004—373x(2011)04—0032—03 ApplicationofAjax-b‘asedSVGinSimulatedReal--timeDataDisplay W ANG Chongying 。W ANG Tao (1．Dept．ofComputerScience，ShangluoUniversity，Shangluo726000．China； 2lnstitueofComputerEngineering＆ Technology，C-uangdongInstituteofScienceandTechnology．Zhuhai519090．China) Abstract：SVG isascalablevectorgraphicsbasedonXM I．Therearemanyadvantagesofusingtodepictvectorgraphics suchasplatform-independent，expansibility，flexibilityandsavingbandwidthetc．ASP．NET applicationcandynamicallyadd powerfulandinteractiveSVG visualelements．Onthisbasis，usingAjaxandsimulatedreal—timedatadisplaycansolveprob— lemssuchaslargeinformation，networkcongestion，browserfrequentlyrefreshthepagewaitingfordatatransmissionetc．An exampleisverifiedandagoodconclusion isgained． Keywords：SVG；Ajax；real—timedata；XMI 等待数据传输带来 的问题。本文使用 ASP．NET结合 0 引 言 Ajax的异步技术 ，很好地解决 了这个问题 ，只有当服务 实时数据是指随时间而动态改变的数据，如股票实 器端的数据顺利取回后才能显示在客户端，并且因为是 时信息、气象水文信息等 。实时数据在实际中有着重要 对DOM 树的直接改动，所 以使得页面没有刷新的感 的意义 ，除了监控作用外 ，通过对实时数据序列进行数 觉，提供了非常友好的界面交互效果。 据挖掘 ，可以得到大量有价值 的知识 ，为人们提供科学