[发明专利]基于SVG的图形实时监控界面定制系统及其定制方法

说明书

技术领域

本发明涉及一种界面定制系统和方法，特别是涉及一种基于SVG的图形实时监控界面定制系统及其定制方法。

背景技术

SVG（ScalableVectorGraphics，可缩放矢量图形）是由W3C组织制定的基于XML的可扩展二维矢量图形格式，其基于XML的语法和结构使得它具有先天的优势，与当前已有的和未来将有的其他XML应用之间存在着天然的交融，已经在能源、电力、矿山、铁路等实时监控领域得到了广泛的应用，具有广阔的应用前景。SVG图形格式具有的优点有：（1）基于XML；（2）采用文本来描述对象；（3）具有交互性和动态性；（4）完全支持DOM；（5）无级缩放，不失真。正因为此，信息中心的中央监控平台对风电场实时信息的监控界面也采用SVG图形格式。

以一现有的风电场中央监控平台为例来说，请参阅图1所示，其SVG图形监控界面定制系统包括多风电场监控（即图中所示“集控模式图形定制”）、单风电场风机监控、单风机（单设备）信息量监控（即图中所示“实时数据分类图形定制”）及升压站监控，四种监控界面的定制都被集成在平台的一个功能模块中，以下进一步以多风电场监控和单风电场风机监控为例，来具体说明在该系统中定制监控界面的过程。

（1）多风电场监控界面的定制

点击“集控模式图形定制”打开多风电场监控定制界面，主要功能都整合在顶部的工具栏和图形部分的右键菜单中，可以通过点击按钮和选择右键菜单项完成相应的操作。若之前未配置过多风场监控界面，首次打开该定制界面会自动生成配置库中定义的所有风场。

图2所示为已编辑过的多风场监控界面，图中中国地图背景需要手工绘制，风场图元符号及显示哪些文本事先已在一个图元模板文件中定义。首次生成该界面时，会根据登录用户的权限，自动生成该用户具有查询权限的所有风电场的风电场图元，并自动按顺序一个个从左到右排列，显示在界面上。添加背景图后，需要手工调整界面布局，最后点击右键菜单中的“图形发布”，便可将定制好的界面保存在相应的SVG文件夹下，文件取名为GoldWind_MutiWF.svg。

（2）单风机（单设备）信息量监控界面的定制

在绘制单风机或单设备实时监控界面前，需要对该风机或设备所用的协议下所有的IEC路径进行数据分类。由于风机所有信息量较多，难于在一个监控界面上显示，所以需要利用数据分类将各信息量对应的IEC路径进行归类显示。“数据分类定义”的具体步骤如下：

1.点击“开始”菜单“系统定制”下的“数据分类定义”，打开如图3所示的数据分类定义界面，左侧为自定义的数据分类，若之前未配置过该协议的数据，则此部分为空；右侧为系统已分类好的IEC路径分类信息。“目标库”有“本地库”和“中心库”二个选项，选中哪个库则后续的操作就对哪个库发生作用，一般情况下选择中心库，然后同步至本地库。

2.在“协议选择”下拉框中选择需要进行数据分类的风机协议，“目标库”选项中选择“中心库”。如果备选IEC路径分类合理，可以直接点击“部件自动分类”按钮自动进行分类。否则，就需要自己一个个新建分类，然后从备选IEC路径中勾选需要在此分类下添加的路径，再单击“添加到选中分类”按钮。

3.自定义完所有的分类后，将它们全部勾选，然后单击“保存”按钮，并关闭该界面。

数据分类定义完后，接下来就可以定制单风机（设备）的实时数据显示监控界面了，其步骤如下：

1.点击“开始”菜单中“系统定制”下的“实时数据分类图形定制”，打开如图4所示的实时数据分类图形界面，该界面可分为上下两部分：上面是条件选择区，其中左边第一个是协议选择下拉框，供用户选择所需生成图形的协议；第二个是设置自动生成图元时每行生成的图元数量，默认为一行显示6个图元；后面是几个功能按钮部分。下面是左右结构，左侧是利用“数据分类定义”功能为该风机协议定义的系统数据分类树，显示了当前选中协议下，数据分类和IEC路径的关系；右侧是SVG图形显示和定制区域，可以设计和定义当前选中的协议的单台风机（设备）的SVG图形。

2.在协议选择下拉框中选择要定制的风机协议（假定该协议的图形之前未定制），然后选择每行生成图元的个数，再在左侧的系统数据分类树中选择要生成的分类，最后单击“生成选中数据分类”按钮，于是选中分类下所有的IEC路径便以各种图元的形式平铺在右侧的图形绘制区。