一種在svg界面中嵌入動態實時監測圖表的方法
2023-10-09 17:45:54
專利名稱：一種在svg界面中嵌入動態實時監測圖表的方法
—種在SVG界面中嵌入動態實時監測圖表的方法技術領域
本發明屬於計算機應用領域，涉及一種動態實時監測圖標的生成方法，特別是在 SVG界面中嵌入動態實時監測圖表的方法。
背景技術：
電力監測圖形可分為靜態圖形(解釋性文字描述、連接文字、接線圖、拓撲圖等)和 動態圖形(開關圖、電流電壓表、狀態指示、趨勢數據曲線、各種實時分析圖表等)。CCAPI的 圖形工作組在2001年成立，並建議採用基於XML的可伸縮矢量圖SVG ( Scalable Vector Graphics)作為電力系統圖形交換的標準，正在電力系統中得到不斷的應用。
在SVG規範中，只提供了基本圖形和繪製方法，沒有定義專用於電力系統的標準 化的電力元件圖形元素和屬性，在電力監測曲線和各種分析圖形方面更沒有標準可依。另 外，雖然SVG標準提供了動畫功能，它卻沒有提供外部數據接口。因此，用SVG實現靜態監 測圖形及簡單動態界面是比較容易，但是，若用SVG實現動態可變的實時監測界面，尤其 是複雜的電力監測和分析用實時動態圖表界面是極其困難的。
通常用SVG實現動態實時監測圖表的做法如下第一種是利用SVG文件內部或外部的腳本，該方法利用腳本調取實時數據，代價極高， 代碼量龐大且不容易編寫，若是SVG內部嵌入的腳本會導致SVG文件偏大，腳本讀取實時數 據庫或歷史資料庫佔用資源大、速度慢、無法滿足實時顯示的需求等等。
第二種是用在SVG文件內部自定義的一些自定義SVG元素，其中包含循環控制模 塊、條件驗證模塊等，並結合外部實時數據模塊推送的數據，要先解析SVG文檔中的各種模 塊，然後再調取外部實時數據模塊推送的數據(一般放在內存中)後才能進行刷新，達到動 畫的效果。該方法雖然把一部分功能模塊在SVG以外部分執行，但主要功能模塊都配置在 SVG文件中，利用SVG提供的動畫來實現，在實現閃爍、變位、顏色變化等簡單功能時有一定 優勢，但若實現複雜電力監測圖表(如油色譜分析中的大衛三角圖、立方圖，局部放電分析 用的PRPS、PRPD圖，各種需要同時訪問歷史和實時資料庫的圖表等)和滑鼠互動功能(如通 道選取響應、標尺等)功能時，因其根本上沒有脫離對SVG動畫的依賴以及主要功能模塊配 置在SVG文件中，所以仍然存在刷新速度慢、SVG文件偏大等問題，顯得力不從心。發明內容
本發明的目的是針對上述不足之處提供一種在SVG界面中嵌入動態實時監測圖 表的方法，借用虛擬窗口圖元把預定義配置好的複雜監測實時圖表控制項嵌入到SVG監測界 面中，在實現實時監測圖表時脫離了對腳本和SVG動畫的依賴，性能得到顯著提高。解決了 在監測SVG界面中，複雜多變的動態實時監測界面的構建問題，提供了將定義配置好的動 態實時監測界面嵌入SVG界面中的方法，實現了複雜多變實時性強的SVG監測界面的快速 便捷布局編輯和生成顯示。
一種在SVG界面中嵌入動態實時監測圖表的方法是採取以下技術方案實現的在SVG界面中嵌入動態實時監測圖表的方法包括如下步驟，I)配置實時監測圖表控制項，並將配置好的圖表控制項存入資料庫中，用唯一的圖表控制項 配置ID區分，只要提供此圖表控制項配置ID，就能調取所有與圖表配置相關信息。
所述控制項包括圖表標題、類型、通道數、通道關聯數據點、顯示坐標軸單位和刷新 休眠時間等等。
所述實時監測圖表控制項配置的過程包括1.1)編輯通道，生成唯一標示的通道ID號；關聯通道的數據來源，編輯數據通道名稱 及描述，然後保存到資料庫中，供實時監測圖表控制項調用。
1. 2)編輯圖表，生成唯一標示的圖表控制項配置ID號，選擇圖表的類型，根據所選 擇的圖表類型，生成相應的配置選項。
1. 3)添加通道，給圖表控制項添加數據通道，數據通道綁定1.1)步驟中保存的通 道ID，然後對通道的顯示顏色進行配置，保存圖表控制項到資料庫，完成對圖表控制項的配置過程。
2)在SVG監測畫面中繪製虛擬窗口並進行布局配置 虛擬窗口的繪製和布局的方法包括如下步驟2.1)在SVG界面的繪圖畫布中插入虛擬窗口圖元；2.2)對虛擬窗口進行實時監測圖表參數配置，配置完成後在虛擬窗口中顯示所選圖表 的模擬圖。
所述參數包括關聯圖標、定義虛擬窗口的大小、位置、關聯步驟I)中所述的圖表控 件配置ID及配置線程優先級等。
2. 3)將所繪製虛擬窗口和監測界面分析轉化成XML格式的SVG界面文件，其中虛 擬窗口按步驟2. 4)述格式插入SVG文件中，隨SVG界面文件一併保存到資料庫中。
2. 4)對虛擬窗口進行必要的配置，在不影響快速解析監測界面SVG的前提下，又 能提供足夠的信息動態顯示生成監測圖表。
所述虛擬窗口的SVG描述是全部放入的一個組合裡。例如可以將其定圖表線程優先等級〃scale (I) //縮放係數rotate (O) 〃> //旋轉係數3)在SVG監測界面中生成動態實時監測圖表所述SVG監測界面中生成動態實時監測圖表的過程包括3.1)讀取資料庫中SVG界面信息；3. 2)提取虛擬窗口的配置信息；3. 3)解析虛擬窗口，獲取圖形控制項ID及相關配置；3. 4)讀取資料庫中的已配置好的圖形控制項的配置信息；3. 5)生成圖形控制項並顯示運行。
所述生成圖形控制項並顯示運行的具體步驟包括3. 5.1)當解析SVG界面到虛擬窗口信息時，調用外部動態連結庫中的實時監測圖表生 成接口 ；3. 5.2)傳遞的信息是圖表ID、位置、大小、線程優先級等信息以及當前顯示場景 (Scene)；3. 5. 3)圖表控制項以場景為父親生成一個部件(Widget)；3. 5. 4)此部件定位到所傳遞信息中的「位置」上，並調整大小為所傳遞信息中的「大3. 5. 5)根據所傳信息中的優先級設置線程優先級，並進行各種初始化和繪圖刷新功倉泛。
所述動態實時監測圖表的特點是可配置(通道、數據點等等)，支持同時讀取實時 資料庫和歷史資料庫，可嵌入到SVG界面中，並根據需求運行在不同線程優先級上，獨立運 行，因此它生成以後幾乎不影響界面刷新效率。
利用本發明方法，可以實現虛擬窗口定義和配置，在SVG界面中快速插入、定位、 關聯及設定動態實時監測圖表控制項，虛擬窗口用於生成動態實時監測圖表；解析包含虛擬 窗口的SVG文件，將包含虛擬窗口的XML格式的SVG文件生成監測界面；根據解析結果，在 虛擬窗口處動態生成顯示動態實時監測圖表。
本發明方法提供利用定義虛擬窗口的方法實現了 SVG監測界面中嵌入複雜動態 實時監測圖表的功能，闡述了動態實時監測圖表的配置方法、SVG界面繪製布局的方法和解 析生成顯示動態實時監測圖表的方法。在實現複雜監測實時圖表時脫離了對腳本和SVG動 畫的依賴，嵌入的圖表控制項獨立運行，線程優先級和休眠時間根據需求進行配置提高了界 面運行效率，解析和刷新SVG界面速度加快，監測圖表的功能豐富、便捷、效率高；將監測界 面布局和邏輯定義分離，避免了界面與功能邏輯的耦合，圖表控制項一次配置多處調用，達到 界面布局快捷、可重用性好。
以下將結合附圖對本發明作進一步說明圖1是本發明在SVG界面中嵌入動態實時監測圖表的方法的步驟流程圖。
具體實施方式
參照附圖1，本發明在SVG界面中嵌入動態實時監測圖表的方法包括如下步驟，I)配置實時監測圖表控制項，並將配置好的圖表控制項存入資料庫中，用唯一的圖表控制項 配置ID區分，只要提供此圖表控制項配置ID，就能調取所有與圖表配置相關信息。
所述控制項包括圖表標題、類型、通道數、通道關聯數據點、顯示坐標軸單位和刷新 休眠時間等等。
所述實時監測圖表控制項配置的過程包括1.1)編輯通道，生成唯一標示的通道ID號；關聯通道的數據來源，編輯數據通道名稱 及描述，然後保存到資料庫中，供實時監測圖表控制項調用。
1. 2)編輯圖表，生成唯一標示的圖表控制項配置ID號，選擇圖表的類型，根據所選 擇的圖表類型，生成相應的配置選項，如填寫曲線圖表標題、曲線X，Y軸的標題和單位、刷 新休眠時間、X軸的顯示長度(一般為時間)等等。
1. 3)添加通道，給圖表控制項添加數據通道，數據通道綁定1.1)步驟中保存的通 道ID，然後對通道的顯示顏色進行配置，保存圖表控制項到資料庫，完成對圖表控制項的配置過程。
2)在SVG監測畫面中繪製虛擬窗口並進行布局配置 虛擬窗口的繪製和布局的方法包括如下步驟2.1)在SVG界面的繪圖畫布中插入虛擬窗口圖元；2.2)對虛擬窗口進行實時監測圖表參數配置，配置完成後在虛擬窗口中顯示所選圖表 的模擬圖。
所述參數包括關聯圖標、定義虛擬窗口的大小、位置、關聯步驟I)中所述的圖表控 件配置ID及配置線程優先級等。
2. 3)將所繪製虛擬窗口和監測界面分析轉化成XML格式的SVG界面文件，其中虛 擬窗口按步驟2. 4)述格式插入SVG文件中，隨SVG界面文件一併保存到資料庫中。
2. 4)對虛擬窗口進行必要的配置，在不影響快速解析監測界面SVG的前提下，又 能提供足夠的信息動態顯示生成監測圖表。
所述虛擬窗口的SVG描述是全部放入的一個組合裡。例如可以將其定圖表線程優先等級〃scale (I) //縮放係數rotate (O) 〃> //旋轉係數3)在SVG監測界面中生成動態實時監測圖表所述SVG監測界面中生成動態實時監測圖表的過程包括3.1)讀取資料庫中SVG界面信息；3. 2)提取虛擬窗口的配置信息；3. 3)解析虛擬窗口，獲取圖形控制項ID及相關配置；3. 4)讀取資料庫中的已配置好的圖形控制項的配置信息；3. 5)生成圖形控制項並顯示運行。
所述生成圖形控制項並顯示運行的具體步驟包括3. 5.1)當解析SVG界面到虛擬窗口信息時，調用外部動態連結庫中的實時監測圖表生 成接口 ；3.5.2)傳遞的信息是圖表ID、位置、大小、線程優先級等信息以及當前顯示場景 (Scene)；3.5. 3)圖表控制項以場景為父親生成一個部件(Widget)；3.5. 4)此部件定位到所傳遞信息中的「位置」上，並調整大小為所傳遞信息中的「大3.5. 5)根據所傳信息中的優先級設置線程優先級，並進行各種初始化和繪圖刷新功倉泛。
權利要求
1.一種在SVG界面中嵌入動態實時監測圖表的方法，其特徵在於，包括如下步驟 1)配置實時監測圖表控制項，並將配置好的圖表控制項存入資料庫中，用唯一的圖表控制項配置ID區分； 2)在SVG監測畫面中繪製虛擬窗口並進行布局配置； 3)在SVG監測界面中生成動態實時監測圖表。
2.根據權利要求1所述的在SVG界面中嵌入動態實時監測圖表的方法，其特徵在於，所述控制項包括圖表標題、類型、通道數、通道關聯數據點、顯示坐標軸單位和刷新休眠時間。
3.根據權利要求1所述的在SVG界面中嵌入動態實時監測圖表的方法，其特徵在於，步驟I)中所述實時監測圖表控制項配置的過程包括1.1)編輯通道，生成唯一標示的通道ID號；關聯通道的數據來源，編輯數據通道名稱及描述，然後保存到資料庫中，供實時監測圖表控制項調用；1. 2)編輯圖表，生成唯一標示的圖表控制項配置ID號，選擇圖表的類型，根據所選擇的圖表類型，生成相應的配置選項； 1.3)添加通道，給圖表控制項添加數據通道，數據通道綁定1.1)步驟中保存的通道ID，然後對通道的顯示顏色進行配置，保存圖表控制項到資料庫，完成對圖表控制項的配置過程。
4.根據權利要求1所述的在SVG界面中嵌入動態實時監測圖表的方法，其特徵在於，步驟2)中所述虛擬窗口的繪製和布局的方法包括如下步驟 2.1)在SVG界面的繪圖畫布中插入虛擬窗口圖元； 2.2)對虛擬窗口進行實時監測圖表參數配置，配置完成後在虛擬窗口中顯示所選圖表的模擬圖； 2.3)將所繪製虛擬窗口和監測界面分析轉化成XML格式的SVG界面文件，其中虛擬窗口按步驟2. 4)述格式插入SVG文件中，隨SVG界面文件一併保存到資料庫中； 2.4)對虛擬窗口進行配置，在不影響快速解析監測界面SVG的前提下，又能提供足夠的信息動態顯示生成監測圖表。
5.根據權利要求4所述的在SVG界面中嵌入動態實時監測圖表的方法，其特徵在於，步驟2. 2)中所述參數包括關聯圖標、定義虛擬窗口的大小、位置、關聯步驟I)中所述的圖表控制項配置ID及配置線程優先級。
6.根據權利要求4所述的在SVG界面中嵌入動態實時監測圖表的方法，其特徵在於，所述虛擬窗口的SVG描述是全部放入的一個組合裡。
7.根據權利要求1所述的在SVG界面中嵌入動態實時監測圖表的方法，其特徵在於，步驟3)中所述SVG監測界面中生成動態實時監測圖表的過程包括 3.1)讀取資料庫中SVG界面信息； 3.2)提取虛擬窗口的配置信息； 3.3)解析虛擬窗口，獲取圖形控制項ID及相關配置； 3.4)讀取資料庫中的已配置好的圖形控制項的配置信息； 3.5)生成圖形控制項並顯示運行。
8.根據權利要求7所述的在SVG界面中嵌入動態實時監測圖表的方法，其特徵在於，步驟3. 5)中所述生成圖形控制項並顯示運行的具體步驟包括 ,3.5.1)當解析SVG界面到虛擬窗口信息時，調用外部動態連結庫中的實時監測圖表生成接口 ； .3.5. 2)傳遞的信息是圖表ID、位置、大小、線程優先級等信息以及當前顯示場景； .3.5.3)圖表控制項以場景為父親生成一個部件；.3.5. 4)此部件定位到所傳遞信息中的「位置」上，並調整大小為所傳遞信息中的「大小」;.3.5. 5)根據所傳信息中的優先級設置線程優先級，並進行各種初始化和繪圖刷新功倉泛。
全文摘要
本發明屬於計算機應用領域，涉及一種動態實時監測圖標的生成方法，特別是在SVG界面中嵌入動態實時監測圖表方法。方法包括如下步驟1)配置實時監測圖表控制項，並將配置好的圖表控制項存入資料庫中，用唯一的圖表控制項配置ID區分；2)在SVG監測畫面中繪製虛擬窗口並進行布局配置；3)在SVG監測界面中生成動態實時監測圖表。實現虛擬窗口定義和配置，在SVG界面中快速插入、定位、關聯及設定動態實時監測圖表控制項，虛擬窗口用於生成動態實時監測圖表；解析包含虛擬窗口的SVG文件，將包含虛擬窗口的XML格式的SVG文件生成監測界面；在虛擬窗口處動態生成顯示實時監測圖表。解析和刷新速度加快，監測圖表功能豐富、便捷、高效。
文檔編號G06F9/44GK103034502SQ201210572788
公開日2013年4月10日 申請日期2012年12月26日 優先權日2012年12月26日
發明者林俊, 李龍國, 胡華威, 周恆康, 蔣柳柳, 張丹丹 申請人:江蘇西電南自智能電力設備有限公司