[發(fā)明專利]一種變電站監(jiān)控系統(tǒng)畫面ECharts圖表顯示方法

在審

• 申請?zhí)枺?/td>: 202110013340.8
• 申請日: 2021-01-06
• 公開（公告）號: CN112668294A
• 公開（公告）日: 2021-04-16
• 發(fā)明（設(shè)計）人: 陶潁軍;李寶潭;李宇佳;李現(xiàn)偉;李燕;崔麗艷;張玉壘;馮凱濱;杜云朋;陳無難;趙中華
• 申請（專利權(quán)）人: 許繼集團(tuán)有限公司;許繼電氣股份有限公司;許昌許繼軟件技術(shù)有限公司
• 主分類號: G06F40/18
• 分類號: G06F40/18;G06F8/38
• 代理公司: 北京中政聯(lián)科專利代理事務(wù)所(普通合伙) 11489
• 代理人: 朱曉娟

本發(fā)明公開了一種變電站監(jiān)控系統(tǒng)畫面ECharts圖表顯示方法，包括：建立變電站監(jiān)控系統(tǒng)圖表配置項與ECharts圖表配置項的一一對應(yīng)關(guān)系；將圖表配置項內(nèi)容以字符串形式拼接script節(jié)點，并通過JS腳本調(diào)用進(jìn)行設(shè)置；將圖表的顯示內(nèi)容以字符串形式拼接為HTML文檔，通過QtWebEngineView組件以瀏覽地址URL方式進(jìn)行訪問加載。通過利用ECharts所提供的圖表庫及相關(guān)配置項，圖表配置類配置內(nèi)容以script腳本節(jié)點與其他通用節(jié)點拼接為HTML文檔，在Qt環(huán)境中利用web組件進(jìn)行加載訪問，從而有效降低web端開發(fā)量，豐富與改善圖表展示形式，與web發(fā)布系統(tǒng)內(nèi)容實現(xiàn)無縫銜接。

技術(shù)領(lǐng)域

本發(fā)明涉及電力設(shè)備控制技術(shù)領(lǐng)域，特別涉及一種變電站監(jiān)控系統(tǒng)畫面ECharts圖表顯示方法。

背景技術(shù)

隨著計算機(jī)、網(wǎng)絡(luò)通訊技術(shù)的飛速發(fā)展與廣泛應(yīng)用，變電站站監(jiān)控方式由過去的有人值班過渡到無人值守，由過去的單純調(diào)度運(yùn)行轉(zhuǎn)變?yōu)檎{(diào)度運(yùn)行、生產(chǎn)、精英管理等多種運(yùn)用，越來越多的變電站監(jiān)控系統(tǒng)在設(shè)計過程中使用借鑒Web元素或替換為B/S架構(gòu)，Web系統(tǒng)在變電站領(lǐng)域具有廣闊的市場前景。

目前國內(nèi)基于局域網(wǎng)的變電站監(jiān)控系統(tǒng)大都是基于客戶機(jī)、服務(wù)器(C/S)結(jié)構(gòu)設(shè)計并多由C++、java、c#等語言開發(fā)的，圖表展示多采用基于Qt等類似圖形類庫進(jìn)行開發(fā)，開發(fā)速度比較低下且顯示效果一般，而由于web發(fā)布系統(tǒng)中瀏覽器端的畫面文件均來自于變電站監(jiān)控系統(tǒng)，且處理多采用JavaScript語言，與配網(wǎng)主站監(jiān)控系統(tǒng)環(huán)境均存在通信接口差異與語言差異，由此導(dǎo)致監(jiān)控系統(tǒng)已有圖表類內(nèi)容無法復(fù)用、發(fā)布困難、重發(fā)開發(fā)等問題。

發(fā)明內(nèi)容

本發(fā)明實施例的目的是提供一種變電站監(jiān)控系統(tǒng)畫面ECharts圖表顯示方法，通過利用ECharts所提供的圖表庫及相關(guān)配置項，在C++中定義對應(yīng)的圖表配置類，圖表配置類配置內(nèi)容以script腳本節(jié)點與HTML其他通用節(jié)點拼接為HTML文檔，HTML文檔在Qt環(huán)境中利用web組件進(jìn)行加載訪問，從而在原有環(huán)境下有效降低web端開發(fā)量，同時豐富與改善變電站畫面圖表展示形式，與web發(fā)布系統(tǒng)內(nèi)容實現(xiàn)圖表內(nèi)容的無縫銜接。

為解決上述技術(shù)問題，本發(fā)明實施例提供了一種變電站監(jiān)控系統(tǒng)畫面ECharts圖表顯示方法，包括如下步驟：

建立變電站監(jiān)控系統(tǒng)圖表配置項與ECharts圖表配置項的一一對應(yīng)關(guān)系；

將所述圖表配置項內(nèi)容以字符串形式拼接script節(jié)點，并通過JS腳本調(diào)用進(jìn)行設(shè)置；

將所述圖表的顯示內(nèi)容以字符串形式拼接為HTML文檔，通過QtWebEngineView組件以瀏覽地址URL方式進(jìn)行訪問加載。

進(jìn)一步地，所述建立變電站監(jiān)控系統(tǒng)圖表配置項與ECharts圖表配置項的一一對應(yīng)關(guān)系，包括：

依據(jù)所述ECharts配置項對應(yīng)設(shè)置C++圖表配置類；

其中，所述ECharts配置項包括：標(biāo)題、圖例、網(wǎng)格和/或直角坐標(biāo)系。

進(jìn)一步地，所述將所述圖表配置項內(nèi)容以字符串形式拼接script節(jié)點并通過JS腳本調(diào)用進(jìn)行設(shè)置，包括：

依據(jù)所述HTML文檔設(shè)置Node節(jié)點類，所述Node節(jié)點組成所述HTML文檔內(nèi)容；

其中，所述Node節(jié)點類包括title標(biāo)簽、head標(biāo)簽、body標(biāo)簽和script標(biāo)簽。

進(jìn)一步地，所述將所述圖表的顯示內(nèi)容以字符串形式拼接為HTML文檔并通過QtWebEngineView組件以瀏覽地址URL方式進(jìn)行訪問加載，包括：

在所述圖表內(nèi)容展示時，將所述圖表的配置項字符串與其他通用Node節(jié)點字符串進(jìn)行拼接，得到HTML文檔；