[發(fā)明專利]一種基于SVG技術(shù)的實(shí)時(shí)監(jiān)測(cè)工業(yè)數(shù)據(jù)的方法

在審

• 申請(qǐng)?zhí)枺?/td>: 202010544747.9
• 申請(qǐng)日: 2020-06-15
• 公開（公告）號(hào): CN111880892A
• 公開（公告）日: 2020-11-03
• 發(fā)明（設(shè)計(jì)）人: 周林華;張豪;郭敏;張紀(jì)煒;夏曦;羅漢杰
• 申請(qǐng)（專利權(quán)）人: 中冶南方都市環(huán)保工程技術(shù)股份有限公司
• 主分類號(hào): G06F9/455
• 分類號(hào): G06F9/455;G06F9/451;G06F8/76
• 代理公司: 北京匯澤知識(shí)產(chǎn)權(quán)代理有限公司 11228
• 代理人: 鄭飛

1.一種基于SVG技術(shù)的實(shí)時(shí)監(jiān)測(cè)工業(yè)數(shù)據(jù)的方法，其特征在于，包括：

S100.利用SVG繪圖軟件繪制工藝流程監(jiān)測(cè)畫面，編寫監(jiān)測(cè)畫面相應(yīng)的自定義js腳本，將SVG圖形文件與自定義JS腳本文件進(jìn)行關(guān)聯(lián)；

S200.前端發(fā)起網(wǎng)絡(luò)請(qǐng)求，加載SVG圖形文件，將自定義js腳本加入到網(wǎng)頁(yè)中；

S300.通過js腳本建立頁(yè)面對(duì)象，根據(jù)SVG圖形文件內(nèi)容在頁(yè)面對(duì)象中添加元素對(duì)象，建立元素對(duì)象的結(jié)構(gòu)后，向后臺(tái)請(qǐng)求數(shù)據(jù)，給元素對(duì)象相應(yīng)屬性賦值，完成頁(yè)面數(shù)據(jù)顯示；

S400.定期向后臺(tái)請(qǐng)求實(shí)時(shí)數(shù)據(jù)，刷新頁(yè)面觀測(cè)點(diǎn)值后運(yùn)行自定義js腳本，執(zhí)行用戶需求的邏輯動(dòng)作。

2.如權(quán)利要求1的一種基于SVG技術(shù)的實(shí)時(shí)監(jiān)測(cè)工業(yè)數(shù)據(jù)的方法，其特征在于，S100中，通過將繪制好的SVG畫面和自定義JS腳本文件名修改一致，使SVG圖形文件與自定義JS腳本文件進(jìn)行關(guān)聯(lián)。

3.如權(quán)利要求1的一種基于SVG技術(shù)的實(shí)時(shí)監(jiān)測(cè)工業(yè)數(shù)據(jù)的方法，其特征在于，SVG圖形文件通過內(nèi)嵌H5網(wǎng)頁(yè)的形式實(shí)現(xiàn)SVG圖形畫面的顯示與縮放。

4.如權(quán)利要求1的一種基于SVG技術(shù)的實(shí)時(shí)監(jiān)測(cè)工業(yè)數(shù)據(jù)的方法，其特征在于，S400中，通過計(jì)時(shí)器timer實(shí)現(xiàn)循環(huán)數(shù)據(jù)刷新與腳本運(yùn)行。

5.如權(quán)利要求1的一種基于SVG技術(shù)的實(shí)時(shí)監(jiān)測(cè)工業(yè)數(shù)據(jù)的方法，其特征在于，S300中，向后臺(tái)請(qǐng)求數(shù)據(jù)，采用異步請(qǐng)求的方式進(jìn)行數(shù)據(jù)請(qǐng)求。

6.如權(quán)利要求1的一種基于SVG技術(shù)的實(shí)時(shí)監(jiān)測(cè)工業(yè)數(shù)據(jù)的方法，其特征在于，進(jìn)行封裝的js代碼使用兼容各瀏覽器引擎的公用接口，使之兼容不同系統(tǒng)瀏覽器。

7.如權(quán)利要求1的一種基于SVG技術(shù)的實(shí)時(shí)監(jiān)測(cè)工業(yè)數(shù)據(jù)的方法，其特征在于，S400中，執(zhí)行用戶需求的邏輯動(dòng)作，包括對(duì)設(shè)備或觀測(cè)數(shù)據(jù)點(diǎn)進(jìn)行顯隱、變色操作。

8.如權(quán)利要求7的一種基于SVG技術(shù)的實(shí)時(shí)監(jiān)測(cè)工業(yè)數(shù)據(jù)的方法，其特征在于，點(diǎn)擊變色的設(shè)備或觀測(cè)數(shù)據(jù)點(diǎn)后，頁(yè)面會(huì)進(jìn)行進(jìn)行跳轉(zhuǎn)，跳轉(zhuǎn)頁(yè)面可以查看設(shè)備或觀測(cè)數(shù)據(jù)點(diǎn)歷史曲線、最大值、最小值、平均值以及實(shí)時(shí)值。

9.如權(quán)利要求1的一種基于SVG技術(shù)的實(shí)時(shí)監(jiān)測(cè)工業(yè)數(shù)據(jù)的方法，其特征在于，js封裝腳本可在WEB端運(yùn)行，也可在移動(dòng)端運(yùn)行。