[发明专利]一种SCADA系统中SVG动态图元的渲染指令生成方法及装置

说明书

本发明公开了一种SCADA系统中SVG动态图元的渲染指令生成方法及装置，所述方法包括获取SVG图形文件，对所述SVG图形文件进行解析获取图形渲染规则数据；接收SCADA发送的全量断面数据与变化断面数据，将所述全量断面数据与变化断面数据广播至每个计算任务；将变化断面数据与图形渲染规则数据进行关联，并按图元模板分组，分配图元模板至每个计算任务进行处理；对分配图元模板中的表达式进行预处理，得到指令集，进而填充每一个图元引用中的参数值，进行计算，得出SVG动态图元的渲染指令；将所述动态图元渲染指令推送至web浏览器端，本发明针对动态图元计算过程进行优化，减少计算量，并有效利用Flink的并行处理机制，提高计算效率。

技术领域

本发明涉及一种SCADA系统中SVG动态图元的渲染指令生成方法及装置，属于动态图元渲染技术领域。

背景技术

随着自动化技术的发展，企业已普遍采用数据采集与监视控制(SupervisoryControl And Data Acquisition，SCADA)系统实现对现场运行设备以及监视与控制。Web发布系统可以将SCADA系统中的实时运行数据、告警数据、监视画面在Web系统中发布展示，使得管理人员可方便快捷地在浏览器中远程监视生产运行状况，为管控一体化打下基础。画面实时发布是Web发布系统的重要组成部分，通常需要从SCADA中获得图形文件、设备模型数据与实时运行数据，将数据存储到关系数据库/实时数据库中，进而将图形文件(通常采用SVG格式) 通过Web发布。

既有产品通常采用如下技术实现动态的WEB画面渲染与访问：用户在浏览器端访问已发布的SVG图形文件，以Ajax方式请求服务端(或以Websocket方式接受服务端推送)获得最新数据，图形画面根据数据变化进行图元动态刷新和渲染。图形画面动态渲染需要根据画面动态图元中定义的量测点、计算规则从关系数据库/实时数据库中获取最新数据进行实时计算，得出实时的渲染指令(如更改图元文本内容、可见性、颜色、位置、形状等)。

由于监视画面要求一定的数据刷新频率，在SVG图形访问数量较多，且动态图元计算量大的情况下，现有的计算方式在计算效率上有一定不足；目前已有专利技术中，主要有两种方式进行图元实时计算：(1)Web发布系统提供JS文件，在浏览器加载图形文件时，解析画面图元，定时向Web服务端发送请求，获取实时值，并由JS进行图形计算与渲染；(2)在服务端对图形文件进行解析，循环从实时数据库/关系数据库获取最新数据，进行实时计算，并将计算结果返回至浏览器端进行图形渲染。

方式(1)中，JS是脚本语言，进行动态图元计算运行速度较慢，在画面中动态图元较多情况下会造成浏览器卡顿。方式(2)需要定时在服务器端对所有用户请求图形进行计算，在大量图形需要处理的情况中对服务器压力较大，且循环计算的间隔时长不稳定。并且在一次图形刷新动作中，这两种方式都需要经过从数据库中读取数据以及以SVG图形为单位进行一次动态图元实时计算过程才能完成图形渲染，效率上有一定影响。

发明内容

本发明的目的在于克服现有技术中的不足，提供一种SCADA系统中SVG 动态图元的渲染指令生成方法，针对动态图元计算过程进行优化，减少计算量，并有效利用Flink的并行处理机制，提高计算效率。

为达到上述目的，本发明是采用下述技术方案实现的：

第一方面，本发明提供了一种SCADA系统中SVG动态图元的渲染指令生成方法，包括：

获取SVG图形文件，对所述SVG图形文件进行解析获取图形渲染规则数据，并以广播的形式在每个计算任务中缓存图形渲染规则数据的副本；

接收SCADA发送的全量断面数据与变化断面数据，将所述全量断面数据与变化断面数据广播至每个计算任务，以Map方式缓存最新数据；

将变化断面数据与图形渲染规则数据进行关联，并按图元模板分组，分配图元模板至每个计算任务进行处理；