[发明专利]采集指标动态图像的处理方法

说明书

技术领域

本发明涉及浏览器-服务器B/S架构下的数据图形化展示和动态交互，具体为一 种采集指标动态图像的处理方法。

背景技术

浏览器-服务器B/S架构下的图形化技术有Adobe的SVG和Flash、MicroSoft的 VML。

SVG是Adobe公司研发的，并且是W3C推荐的矢量图形标准，使用类似于XML 的语法来描述矢量图形。优点是：存储空间小，便于网络传输。缺点是：SVG技术在 浏览器端的绘图要求用户安装插件，而且由于Adobe公司从去年开始停止了对SVG插 件的升级，这项技术应用前景不太明朗。

VML是MicroSoft公司推出的矢量图形技术，优点是：由IE浏览器直接支持，不 需要用户安装插件。缺点是：只有IE浏览器支持这项技术，其它浏览器无法查看VML 描绘的图形。另一方面，MicroSoft在IE5之后也已经停止了对这一技术的更新。

Adobe收购MacroMedia公司后大力推行Flash技术，这项技术结合目前Adobe的 Flex，成为RIA(网络富客户端应用)的一支重要的力量。优点是：图形表现力强，用 户满意度高。缺点是：技术相对比较复杂，学习周期长，与其他的技术融合性不强。

在业务支撑网管系统项目中，已用到的展示技术有SVG(Scalable Vector Graphics)、 VML、XML和Ext技术。

由于以上技术都存在各自不同的缺点，无法完全满足客户的需求，这些缺点对于 采集指标动态图像处理方案的实现造成了很大的阻力。

在采集指标动态图像处理方面，目前没有专业的产品级解决方案，基本都是融合 多项技术形成的综合体。业内比较常用的有塞瓦的twaver，优点是：展现效果非常绚丽， 交互性比较强；缺点是：客户端资源消耗严重，无法支撑大量的图形。另外，交互方式 采用服务器端全局刷新的方式，对服务器端也有很大压力。

发明内容

本发明要解决的问题是：目前采集指标动态图像处理上，没有专业的解决方案， 所用的技术代码量太多，因为是脚本和标签的混合技术，所以代码量比较大；存在很多 不符合规范的语法，不易封装；另外还有交互性不强、运行效率低下、代码调试跟踪不 方便、表现力不强的缺点，各种技术组成的综合体资源消耗大，无法支撑大量的图形。

本发明的技术方案为：采集指标动态图像的处理方法，综合使用Flash、JavaScript、 XML技术来架构一个模型-视图-控制MVC数据展示模型，其中Flash充当视图层， JavaScript充当控制层，XML充当模型层；对于需要动态展示的采集指标对象，首先使 用Flash技术开发所需的动态矢量指标图像，然后指定该采集指标对象所要用到的动态 矢量指标图像，通过JavaScript向该动态矢量指标图像传递采集指标对象所要展示的采 集指标参数及该动态矢量指标图像展示所需的其他参数，并向动态矢量指标图像传递刷 新周期和数据请求地址，由动态矢量指标图像在内部定时去请求数据来实现指标数据采 集的动态性和实时性，其中动态矢量指标图像的数据源格式为XML格式。

对于指针旋转式的动态图象，首先将获得的数据值转化成角度值，计算目标角度 与当前角度的差值，根据差值的符号决定旋转的方向是顺时针还是逆时针，使用定时器， 每隔设定的周期让指针向目标角度旋转一个设定的角度，指针向目标角度旋转，每次移 动的角度为角度差α的自然对数logα。

对于曲线绘制式的动态图象，首先根据整个图形的宽度width计算x轴能绘制的数 据最大范围xMax，通过width/xMax计算x轴归一化的像素数，使用两个数组xValues 和yValues来模拟一个先进先出FIFO队列，用以存放当前点的x、y坐标值；开始绘制 曲线时，先取得各数组第一个值x0、y0，然后探测相应的下一个值x1、y1是否有值， 如果有值，将x0、y0与x1、y1连接成一段小线段，再取下面的值继续相同步骤，直至 没有值可取，通过得到的小线段绘制出整个曲线；在动态获取数据时，如果曲线所占宽 度超过整体图形宽度，切去最先绘制的部分，曲线整体向曲线更新方向的相反方向位移， 将最新的数据增加到曲线末尾，呈现动态更新效果。

对于温度计式的动态图象，根据获得的数据，其中的计量线按比例动态升降；同 时设定一个以上的告警阀值，由告警阈值划分出的不同段采用不同的颜色。