[發明專利]圖形繪制方法、裝置、電子設備以及存儲介質

在審

• 申請號: 202210677670.1
• 申請日: 2022-06-16
• 公開（公告）號: CN114780005A
• 公開（公告）日: 2022-07-22
• 發明（設計）人: 雍正;尚明璇;姚寧坡;畢云天;高寶強
• 申請（專利權）人: 國能日新科技股份有限公司
• 主分類號: G06F3/04845
• 分類號: G06F3/04845;G06F9/451;G06T11/20;G06T13/80
• 代理公司: 北京路浩知識產權代理有限公司 11002
• 代理人: 董娜

本發明涉及計算機技術領域，提供一種圖形繪制方法、裝置、電子設備以及存儲介質，所述圖形繪制方法包括：根據各組件以及各所述組件的連接關系確定圖紙，并將所述圖紙中各所述組件與設定數據綁定；根據所述圖紙的圖紙標識向后端服務器發送各所述組件的綁定數據的數據請求信息；接收所述后端服務器發送的各所述組件的綁定數據；根據各所述組件的綁定數據以及各組件標識更新各所述組件的數據。本發明通過使用Canvas+ECharts+WebSocket組合完成在線圖形繪制，提高了圖形繪制的開發效率。

技術領域

本發明涉及計算機技術領域，尤其涉及一種圖形繪制方法、裝置、電子設備以及存儲介質。

背景技術

隨著電力系統的發展，越來越多的項目中需要繪制與現場實時相關的業務電路關系圖，目前，電路關系圖的繪制方式主要是兩種，第一種方式，通過在線繪制工具簡單繪制出電路關系表，并下載圖片嵌入項目中引用；第二種方式，由產品經理或者UI設計人員設計繪制電路關系圖，然后由前端人員通過H5+CSS3+JS技術，完成前端界面開發，再交由java人員完成后端開發，綁定數據通過接口完成每次的數據實時交互任務。但是第一種方式不能實時展示各組件的數據，第二種方式雖然可以實時展示各組件的數據，但開發時間成本高，需要協調UI，前端，java人員，動態效果有一定局限性，不方便實現，且不利于后期數據維護和重復利用。由此可知，現有的圖形繪制存在開發效率低的問題。

發明內容

本發明提供一種圖形繪制方法、裝置、電子設備以及存儲介質，用以解決圖形繪制開發效率低的問題，通過使用Canvas+ECharts+WebSocket組合完成在線圖形繪制，提高了圖形繪制的開發效率。

本發明提供一種圖形繪制方法，包括：

根據各組件以及各所述組件的連接關系確定圖紙，并將所述圖紙中各所述組件與設定數據綁定；

根據所述圖紙的圖紙標識向后端服務器發送各所述組件的綁定數據的數據請求信息；

接收所述后端服務器發送的各所述組件的綁定數據；

根據各所述組件的綁定數據以及各組件標識更新各所述組件的數據。

在一個實施例中，所述將所述圖紙中各所述組件與設定數據綁定，包括：

確定各所述組件對接的后端接口；

將各所述組件與所述對接的后端接口的設定數據綁定。

在一個實施例中，所述根據各組件以及各所述組件的連接關系確定圖紙，并將所述圖紙中各所述組件與設定數據綁定之前，還包括：

根據拖拽指令將各所述組件從組件庫中拖拽至畫布，并確定各所述組件的連接關系。

在一個實施例中，所述根據各組件以及各所述組件的連接關系確定圖紙，并將所述圖紙中各所述組件與設定數據綁定之后，還包括：

確定待繪制的圖紙，以及所述待繪制圖紙的圖紙類型；

根據所述圖紙類型在圖紙列表中確定模板圖紙，對所述模板圖紙進行修改得到所述待繪制的圖紙。

在一個實施例中，所述根據各組件以及各所述組件的連接關系確定圖紙，并將所述圖紙中各所述組件與設定數據綁定之后，還包括：

確定各所述組件的設定事件以及待設置的動畫特效；

根據所述待設置的動畫特效設置各所述組件的動畫特效，并將各所述組件與所述設定事件綁定。

在一個實施例中，所述根據各組件以及各所述組件的連接關系確定圖紙，并將所述圖紙中各所述組件與設定數據綁定之前，還包括：

根據業務需求繪制組件，并將繪制的組件存儲至組件庫。

在一個實施例中，所述方法，還包括：

獲取所述圖紙的地址信息；

將所述圖紙的地址信息發送至第三方終端，其中，所述第三方終端根據接收到的所述圖紙的地址信息顯示所述圖紙。