电网调度系统的数据可视化方法、系统、设备及存储介质与流程

本发明涉及电力自动化，具体涉及一种电网系统数据可视化的实现方法。

背景技术：

1、目前电网调度系统人机界面中多次提出了用更加丰富更加直观的组件展示电网数据要求，例如用渐变色柱状图组件代替传统的柱状图组件组建更有科技感的画面，用三维曲线组件或者重叠曲线组件代替二维曲线组件来展示更复杂的电网数据，用三维饼图组件替代简单的饼图组件达到大屏展示的需求等等。随着电网调度系统人机界面用户需求的增加，以及大屏展示技术的广泛应用，亟需设计一种通用的可视化组件集成方法，以满足不同地区用户对数据展示的需求。

2、传统的调度控制系统应用组件都是采用qt平台进行开发，而qt平台展示界面的前端和后端都是使用c++或者qml来完成的。当前的开发模式主要有：将qt平台自带的组件进行封装、用c++编码的方式通过qwiget开发自定义组件、通过qml开发自定义的组件。

3、用c++编码的方式，代码量大，占用内存并且改写困难。而qt平台自带的组件不够丰富，封装之后使用效果不佳。用qml开发定制化的新组件需要消耗大量的时间，效率很低且不够灵活，对于特定功能组件的开发也不能完全满足需求。当用户希望在项目中改变界面，或者重新开发界面时，就会变得比较麻烦。

4、因此，需要一种新的技术方案以解决上述问题。

技术实现思路

1、为了解决现有技术所产生的问题，本发明提供了一种代码量小、应用灵活、组件丰富的适用于电网调度系统的数据可视化方法、系统、设备及存储介质。

2、为达到上述目的，本发明一种适用于电网调度系统的数据可视化方法可采用如下技术方案：

3、一种电网调度系统的数据可视化方法，采用基于html文件的通用组件开发功能和复杂组件嵌入功能，并采用qt平台加载，形成开源集成构架；其中，复杂组件封装在html原文件中，且html原文件内置原鼠标事件脚本，且开放有原接口；

4、所述数据可视化方法包括以下步骤：

5、1)通过qt平台开发主页面，主页面排列多个qml容器以容纳图元组件，所述主页面对应qt脚本，qt脚本包括数据源脚本；

6、2)基于html文件开发图元组件，在所述html文件中设置图元组件的属性名及属性信息，并开放接口作为目标图元组件，接口包括属性接口、数据关联接口、鼠标事件关联接口；接口用于传递并更新或更改qt脚本与html文件之间的属性信息、数据关联信息及事件信息，以改变图元组件的展示内容及效果；

7、3)通过qt平台的webengineview模块将图元组件展示于所述qml容器中；

8、4)将数据源导入qt平台形成数据源脚本，在数据源脚本中调用目标图元组件的属性接口和数据关联接口；属性接口用于传递以及更新目标图元组件的属性信息，数据关联接口用以使数据源脚本以目标图元组件的形式展示于qml容器中以传递数据关联信息；

9、5)在html文件中设置鼠标事件及对应的事件信息形成鼠标事件脚本，在鼠标事件脚本中调用目标图元组件的鼠标事件关联接口；鼠标事件关联接口用于图元组件之间的联动；触发鼠标事件时产生事件信息；

10、6)所述图元组件包括基础图元组件和复杂组件，所述若干个基础图元组件形成通用组件，所述qml容器包括通用组件qml容器和复杂组件qml容器；

11、基于所述html文件开发多个基础图元组件形成通用组件，将基础图元组件展示于所述通用组件qml容器中，重复步骤4)、5)，完成所述通用组件开发功能；

12、在复杂组件qml容器中设置属性框，属性框用于显示复杂组件的属性信息；基于所述html文件改写复杂组件的html原文件，使复杂组件的属性名配适属性框，将复杂组件展示于复杂组件qml容器中，重复步骤4)、5)，将变化后的属性信息传递给html文件，完成所述复杂组件嵌入功能。

13、进一步的，所述数据源至少一组；数据源采用对象数组形式，并采用json格式。

14、进一步的，所述每个基础图元组件设有一个图元且放入一个通用组件qml容器，每个基础图元组件对应一组实例脚本，所述实例脚本为第三方图元库中的图元实例以数据集的形式改写成；所述图元实例从echarts中选取。

15、进一步的，所述实例脚本存储于编辑器中，修改并保存实例脚本，开发新的基础图元组件。

16、进一步的，所述数据关联接口通过统一将图元组件采用id.update(jsonstr)函数进行数据关联，jsonstr为参数。

17、进一步的，所述鼠标事件包括onclicked事件与ondoubleclicked事件；目标图元组件监听事件信息，并通过qt平台的webchannel传输通道向qml容器传输事件信息，qml容器将事件信息反馈到主页面，主页面调用鼠标事件关联接口进行图元组件之间的联动。

18、进一步的，所述步骤6)中，qt平台的信号槽监听属性框的属性信息变化，向复杂组件qml容器传递变化后的属性信息；qt平台的信号槽监听时，将属性框的属性变化保存为g文件，重新加载g文件，向复杂组件qml容器传递变化后的属性信息；复杂组件qml容器接收变化后的属性信息后，qt平台的webengineview模块调用属性接口，将变化后的属性信息传递给复杂组件的html文件。

19、进一步的，所述系统实现权利要求1至7其中任一项所述的方法的步骤。

20、进一步的，所述设备实现权利要求1至7其中任一项所述的方法的步骤。

21、进一步的，所述存储介质实现权利要求1至7其中任一项所述的方法的步骤。

22、本发明具有如下有益效果：

23、1、本发明基于html文件进行通用组件的开发和复杂组件的嵌入，相较于c++的方式，代码量大大减少，占用的内存空间小，便于后续的改写。

24、2、本发明适用于包括echarts在内的多种第三方图元库，图元组件丰富，满足数据源采用多种图元可视化需求。

25、3、本发明基于html和qt平台创建了图元组件的开源集成架构，便于客户端针对基础图元组件进行实例脚本改写，针对复杂组件进行html文件的改写，满足使用者实现数据可视化的多种需要，使用灵活，提高了效率。

技术特征：

1.一种电网调度系统的数据可视化方法，其特征在于，采用基于html文件的通用组件开发功能和复杂组件嵌入功能，并采用qt平台加载，形成开源集成构架；其中，复杂组件封装在html原文件中，且html原文件内置原鼠标事件脚本，且开放有原接口；

2.根据权利要求1所述的电网调度系统的数据可视化方法，其特征在于，所述数据源至少一组；数据源采用对象数组形式，并采用json格式。

3.根据权利要求2所述的电网调度系统的数据可视化方法，其特征在于，所述每个基础图元组件设有一个图元且放入一个通用组件qml容器，每个基础图元组件对应一组实例脚本，所述实例脚本为第三方图元库中的图元实例以数据集的形式改写成；所述图元实例从echarts中选取。

4.根据权利要求3所述的电网调度系统的数据可视化方法，其特征在于，所述实例脚本存储于编辑器中，修改并保存实例脚本，开发新的基础图元组件。

5.根据权利要求4所述的电网调度系统的数据可视化方法，其特征在于，所述数据关联接口通过统一将图元组件采用id.update(jsonstr)函数进行数据关联，jsonstr为参数。

6.根据权利要求1所述的电网调度系统的数据可视化方法，其特征在于，所述鼠标事件包括onclicked事件与ondoubleclicked事件；目标图元组件监听事件信息，并通过qt平台的webchannel传输通道向qml容器传输事件信息，qml容器将事件信息反馈到主页面，主页面调用鼠标事件关联接口进行图元组件之间的联动。

7.根据权利要求1所述的电网调度系统的数据可视化方法，其特征在于，所述步骤6)中，qt平台的信号槽监听属性框的属性信息变化，向复杂组件qml容器传递变化后的属性信息；qt平台的信号槽监听时，将属性框的属性变化保存为g文件，重新加载g文件，向复杂组件qml容器传递变化后的属性信息；复杂组件qml容器接收变化后的属性信息后，qt平台的webengineview模块调用属性接口，将变化后的属性信息传递给复杂组件的html文件。

8.一种适用于电网调度系统的数据可视化的系统，其特征在于，所述系统实现权利要求1至7其中任一项所述的方法的步骤。

9.一种适用于电网调度系统的数据可视化的设备，其特征在于，所述设备实现权利要求1至7其中任一项所述的方法的步骤。

10.一种适用于电网调度系统的数据可视化的存储介质，其特征在于，所述存储介质实现权利要求1至7其中任一项所述的方法的步骤。

技术总结
本发明公开了一种适用于电网调度系统的数据可视化方法、系统、设备及存储介质，基于html文件提供包括通用组件开发和复杂组件嵌入两种方式，并采用qt平台加载html文件，设置鼠标事件脚本和数据源脚本，形成开源集成构架，使用者从第三方选取图元实例可进行通用组件开发或者作为复杂组件嵌入，实现电网调度系统的数据可视化。本发明一种适用于电网调度系统的数据可视化方法、系统、设备及存储介质具有代码量小、应用灵活、组件丰富的特点。

技术研发人员：王海洋,岳伟瑞,芦玉英,鲍雄伟,吕培森,李蒙,沙莎,黄昆,许花,严振
受保护的技术使用者：国电南瑞科技股份有限公司
技术研发日：
技术公布日：2024/1/16