连铸设备远程状态监测系统客户端探索研究.pdfVIP

·204· 2013 重型机械 S．1 历访问在SVG文档中XML树的各个节点。通过 基于SVG的图表组件可以分为两个层次： (1)原理层，描述相关图表数据结构和动态行为 JavaScript脚本可以对找到的节点属性重新赋值， 甚至还可以在当前文档中删除节点或添加新创建 的抽象数学模型；(2)实现层，用于显示各个图 的节点口1。 元对象的SVG的数据文件，即图表的动态实现。 JavaScript在接收到连铸设备状态监测系统为了能够更加有效地控制SVG文档数据结 服务器端的实时数据后，使用DOM进行解析返 构和图元显示，将图表的数学抽象模型与SVG 回的XML文本，获取元素的ID、属性名称、属的实现部分进行分离，使它们都可以独立地变 性值。根据这些信息来动态地改变SVG中对应 化，从而可以快速地实现多样的图表形式。 元素的显示属性，最后使SVG中的元素反应出 将整个监测系统的SVG的控制模块设计为 数据的变化情况，实现对设备运行状态实时监测 的效果。 CM_Series，这两个类用于控制各个图表的数学 1．2数据结构设计 抽象模型。对应上述两个抽象类设计两个实现 根据连铸设备远程状态监测系统中图表的构 造特征，可以把SVG文档划分为以下几个层次， 如图2所示。 档部分。 SVG数据文档 在实际图表的创建过程中只需要使用C— 到崮…i|J|l 的SVG数据文档。 C—XZSCCM—Chart类提供了创建图表组件的 图2监测系统中SVG数据文档层次结构爪意图 基本容器，主要有两个功能：(1)通过C_XZSC． CM_Chart可以指定整个图表的大小和图表背景 (1)背景层主要负责构建图表的背景和一些 的基本属性；(2)管理图表中的各个动态元素对 特殊效果，如曲线图的背景网格； 象，即维护动态图元的列表和显示的相对属 (2)坐标层主要用于图表中一些坐标轴的显 性等。 示，如x轴、Y轴及其对应坐标等； (3)动态图元层主要用于表示监测系统中的 基本图元，这里的基本图元是指Hj于动态显示监 C—XZSC(’、L(’hart +CCMSeriesl ist：string 测信号数据的文字、棒图、曲线或指针等，同时 +(jetCCMSVGD‘’c()：string 这些图元对象将设计为可以通过JavaScript脚本 《realCCMSVGI)oe(1：VOjd +AddCCMSeries¨：bool 进行动态控制的组件； +DeleteC(’MSeriesf)：bool 《IearCCMSeries(1：booI