在线监测的图形组态方法及系统技术方案

本发明专利技术提供一种在线监测的图形组态方法及系统，系统包括：图元构建模块，用于基于SVG的基本图元构建出复杂图元；图元行为构建模块，用于构建基本图元与行为之间的关联，并根据根据构建出的图元与行为的关联，根据接收到的行为数据生成SVG图，并根据实时行为数据对SVG图进行实时更新；其中基本图元包括以下的至少一种：直线、矩形、圆、椭圆、文本、路径、折线、多边形；其中所述行为包括以下的至少一种：用于获取实时数据的图形元件属性、通用事件接口、数据展示、边框颜色、填充、透明度、虚线、旋转、缩放、平移、路径、柱状图、趋势图。

【技术实现步骤摘要】

本专利技术属于数据处理
，尤其涉及一种在线监测的图形组态方法及系统。
技术介绍
电力系统是现代生活中最重要的部分之一，因此现有的电力系统需要对系统进行实时在线监测，以确保电力系统的稳定运行。现有技术中广泛采用图形组态工具，根据接收到的数据实时生成监控图形。现有的很多图形组态工具是基于Flash开发的，但是由于Flash是一种未开源的私有技术，且其与某些浏览器存在兼容性问题，同时在布局、交互、内存占用等方面存在缺陷，因此不能很好地满足图像处理的要求，特别是对于电力系统这样的重要部门来说无法满足使用要求。
技术实现思路
针对现有技术中存在图形组态工具多是基于Flash开发的导致性能无法满足的问题，提出了一种在线监测的图形组态方法及系统，能够广泛的应用于电力系统等领域，提高系统的兼容性和整体性能。为了解决上述问题，本专利技术实施例提出了一种在线监测的图形组态系统，包括：图元构建模块，用于基于可缩放矢量图形即SVG的基本图元构建出复杂图元；图元行为构建模块，用于构建基本图元与行为之间的关联，并根据构建出的图元与行为的关联，根据接收到的行为数据生成SVG图，并根据实时行为数据对SVG图进行实时更新；其中所述SVG的基本图元包括以下的至少一种：直线、矩形、圆、椭圆、 文本、路径、折线、多边形；其中所述行为包括以下的至少一种：用于获取实时数据的图形元件属性、通用事件接口、数据展示、边框颜色、填充、透明度、虚线、旋转、缩放、平移、路径、柱状图、趋势图；其中所述图形元件属性包括：设备名称、测试点名称、数据类型；其中所述通用事件接口包括：鼠标的点击、移入、移出、按下、弹起、移动。其中，所述图元行为构建模块包括：图形元件属性构建单元，用于从实时数据中获取图形元件属性中的设备名称、测试点名称、数据类型；通用事件接口构建单元，用于对通用事件接口包括的点击、移入、移出、按下、弹起、移动动作，分别绑定对应的处理步骤；数据展示构建单元，用于将图形元件属性映射为预设字段；具体包括：将图形元件属性的原始数据映射为预设字段，或将图形元件属性的原始数据进行预设处理后得到的数据映射为预设字段，或将图形元件属性的原始数据通过匿名函数根据预设条件对原始数据进行判断以映射为预设字段；图元CSS属性构建单元，用于对边框颜色、填充、透明度、虚线，通过图元CSS属性进行解析以映射为预设字段；图元transform矩阵构建单元，用于对旋转、缩放、平移通过设置图元transform矩阵进行解析以映射为预设字段；柱状图和趋势图构建单元，用于根据柱状图和趋势图的主题、标题、图例、数据，将图元\\生成柱图和曲线图。其中，所述图元行为构建模块还包括：解除单元，用于针对复杂图元进行解除组合以将所述复杂图元分解为多个基本图元。其中，还包括行为解析模块，所述行为机械模块通过行为解析函数来解析每一个基本图元上绑定的行为，并生成解析后的预览图。其中，所述行为解析模执行以下操作：获取需要预览的SVG图并添加到页面中；根据接收到的控制指令以控制对所述SVG图进行相应操作，具体包括：根据接收到的鼠标按下、移动、弹起事件，对所述SVG图进行相应的拖动操作；根据接收到的鼠标滚动事件，对所述SVG图进行缩放；根据接收到的放大、缩小、原图、适应屏幕控制指令，对所述SVG图进行相应的缩放、原图展示、适应屏幕；根据接收到的SVG元素及其绑定的行为，遍历实时接口并绑定tooltip，以移入图元展示绑定信息；遍历实时接口以获取设备名称、测点名称、数据类型，并发送数据；在成功返回数据后，遍历实时接口，以获取每一实时接口的行为，然后对行为进行解析；遍历柱状图趋势图接口，发送数据，数据成功返回后，解析柱图和曲线。其中，所述在成功返回数据后，遍历实时接口，以获取每一实时接口的行为，然后对行为进行解析，具体包括：在获取到数据后，判断该行为是否为图形元件属性或通用事件接口；如果是图形元件属性则将该数据还原为原始实时数据；如果是通用事件接口则根据预设的该图元事件绑定相应的处理方法；如果是其他行为，则根据原始实时数据及该行为数据处理接口内容，对原始实时数据进行处理，并将处理结果即数据映射结果对基本图元进行相应操作，实现行为解析；其中所述操作包括但不限于：设置图元的CSS属性、设置图元的transform矩阵。同时，本专利技术实施例还提出了一种利用如前任一项所述的在线监测的图形组态系统进行图形组态的方法，包括：利用SVG的基本图元构建出复杂图元；其中所述SVG的基本图元包括以下的至少一种：直线、矩形、圆、椭圆、文本、路径、折线、多边形；构建基本图元与行为之间的关联，其中所述行为包括以下的至少一种：用于获取实时数据的图形元件属性、通用事件接口、数据展示、边框颜色、填充、透明度、虚线、旋转、缩放、平移、路径、柱状图、趋势图；其中所述图形元 件属性包括：设备名称、测试点名称、数据类型；其中所述通用事件接口包括：点击、移入、移出、按下、弹起、移动；根据构建出的图元与行为的关联，根据接收到的行为数据生成SVG图，并根据实时行为数据对SVG图进行实时更新。本专利技术的上述技术方案的有益效果如下：本专利技术实施例提出了一种在线监测的图形组态方法及系统，灵活的运用了SVG的各种特性直观的实时显示出各个部件的工作状态，且具有很好的兼容性并能够降低系统负荷。附图说明图1为本专利技术实施例的控制隔离开关闭合的图元行为绑定的示意图；图2为本专利技术实施例的绑定行为接口-图形元件属性原理示意图；图3为本专利技术实施例的绑定行为接口-通用事件接口的原理示意图；图4为本专利技术实施例的绑定行为接口-数据展示单元的原理示意图；图5为本专利技术实施例的绑定行为接口-数据展示单元的原理示意图；图6为本专利技术实施例的绑定行为接口-柱状图的原理示意图；图7为本专利技术实施例的绑定行为接口-趋势图的原理示意图；图8为本专利技术实施例的SVG解析过程的流程图；图9为水库图；图10为图9的水库图的解析图。具体实施方式为使本专利技术要解决的技术问题、技术方案和优点更加清楚，下面将结合附图及具体实施例进行详细描述。本专利技术实施例提出了一种在线监测的图形组态系统，包括：图元构建模块，用于基于可缩放矢量图形即SVG的基本图元构建出复杂图元；图元行为构建模块，用于构建基本图元与行为之间的关联，并根据构建出的图元与行为的关联，根据接收到的行为数据生成SVG图，并根据实时行为数据对SVG图进行实时更新；其中所述SVG的基本图元包括以下的至少一种：直线、矩形、圆、椭圆、文本、路径、折线、多边形；其中所述行为包括以下的至少一种：用于获取实时数据的图形元件属性、通用事件接口、数据展示、边框颜色、填充、透明度、虚线、旋转、缩放、平移、路径、柱状图、趋势图；其中所述图形元件属性包括：设备名称、测试点名称、数据类型；其中所述通用事件接口包括：鼠标的点击、移入、移出、按下、弹起、移动。具体的，上述的图元行为构建模块，能够对13种行为构建出与图元之间的关联，这13种行为包括：图形元件属性(设备名称、测试点名称、数据类型)、通用事件接口(鼠标的点击、移入、移出、按下、弹起、移动)、数据展示、边框颜色、填充、透明度、虚线、旋转、缩放、平移、路径、柱状图、趋势图。具体的，如图2所示的为图形元件属性的一个具体例子，其包括设备名称dev本文档来自技高网...

【技术保护点】
一种在线监测的图形组态系统，其特征在于，包括：图元构建模块，用于基于可缩放矢量图形即SVG的基本图元构建出复杂图元；图元行为构建模块，用于构建基本图元与行为之间的关联，并根据根据构建出的图元与行为的关联，根据接收到的行为数据生成SVG图，并根据实时行为数据对SVG图进行实时更新；其中所述SVG的基本图元包括以下的至少一种：直线、矩形、圆、椭圆、文本、路径、折线、多边形；其中所述行为包括以下的至少一种：用于获取实时数据的图形元件属性、通用事件接口、数据展示、边框颜色、填充、透明度、虚线、旋转、缩放、平移、路径、柱状图、趋势图；其中所述图形元件属性包括：设备名称、测试点名称、数据类型；其中所述通用事件接口包括：鼠标的点击、移入、移出、按下、弹起、移动。

【技术特征摘要】
1.一种在线监测的图形组态系统，其特征在于，包括：图元构建模块，用于基于可缩放矢量图形即SVG的基本图元构建出复杂图元；图元行为构建模块，用于构建基本图元与行为之间的关联，并根据根据构建出的图元与行为的关联，根据接收到的行为数据生成SVG图，并根据实时行为数据对SVG图进行实时更新；其中所述SVG的基本图元包括以下的至少一种：直线、矩形、圆、椭圆、文本、路径、折线、多边形；其中所述行为包括以下的至少一种：用于获取实时数据的图形元件属性、通用事件接口、数据展示、边框颜色、填充、透明度、虚线、旋转、缩放、平移、路径、柱状图、趋势图；其中所述图形元件属性包括：设备名称、测试点名称、数据类型；其中所述通用事件接口包括：鼠标的点击、移入、移出、按下、弹起、移动。2.根据权利要求1所述的在线监测的图形组态系统，其特征在于，所述图元行为构建模块包括：图形元件属性构建单元，用于从实时数据中获取图形元件属性中的设备名称、测试点名称、数据类型；通用事件接口构建单元，用于对通用事件接口包括的点击、移入、移出、按下、弹起、移动动作，分别绑定对应的处理步骤；数据展示构建单元，用于将图形元件属性映射为预设字段；具体包括：将图形元件属性的原始数据映射为预设字段，或将图形元件属性的原始数据进行预设处理后得到的数据映射为预设字段，或将图形元件属性的原始数据通过匿名函数根据预设条件对原始数据进行判断以映射为预设字段；图元CSS属性构建单元，用于对边框颜色、填充、透明度、虚线，通过图元CSS属性进行解析以映射为预设字段；图元transform矩阵构建单元，用于对旋转、缩放、平移通过设置图元transform矩阵进行解析以映射为预设字段；柱状图和趋势图构建单元，用于根据柱状图和趋势图的主题、标题、图例、数据，将图元\\生成柱图和曲线图。3.根据权利要求2所述的在线监测的图形组态系统，其特征在于，所述图元行为构建模块还包括：解除单元，用于针对复杂图元进行解除组合以将所述复杂图元分解为多个基本图元。4.根据权利要求1所述的在线监测的图形组态系统，其特征在于，还包括行为解析模块，所述行为机械模块通过行为解析函数来解析每一个基本图元上绑定...

【专利技术属性】
技术研发人员：张志学，潘玥，姜雪菲，李喆，郭凡，郭少川，
申请(专利权)人：国家电网公司，北京许继电气有限公司，
类型：发明
国别省市：北京;11