買專利賣專利找龍圖騰，真高效！ 查專利查商標用IPTOP,全免費！專利年費監控用IP管家,真方便！

龍圖騰網獲悉江蘇省未來網絡創新研究院申請的專利一種基于Antv的自定義可視化拓撲圖的實現方法獲國家發明授權專利權，本發明授權專利權由國家知識產權局授予，授權公告號為：CN114048110B 。

龍圖騰網通過國家知識產權局官網在2025-08-22發布的發明授權授權公告中獲悉：該發明授權的專利申請號/專利號為：202111351513.3，技術領域涉及：G06F11/32；該發明授權一種基于Antv的自定義可視化拓撲圖的實現方法是由張廣興;姜海洋;嚴春波;張玉軍;譚航;梁帥;王嘉;夏可強設計研發完成，并于2021-11-16向國家知識產權局提交的專利申請。

本一種基于Antv的自定義可視化拓撲圖的實現方法在說明書摘要公布了：本發明提供了一種基于Antv的自定義可視化拓撲圖的實現方法，其特征在于，其實現方法包括：模塊一：拓撲設備基礎信息模塊，用于初始化拓撲元素的基礎信息內容，采用用戶自定義的設備信息來進行繪制；模塊二、拓撲圖渲染模塊，用于數據加載和渲染，將數據的加載和圖的渲染分開進行；模塊三、拓撲拖拽控制模塊，給與每個設備元素綁定拖拽事件；模塊四、拓撲鏈接控制模塊，用于將元素鏈接起來；模塊五、拓撲圖數據化模塊，包括了數據存儲以及重新獲取更新拓撲圖鏈接信息。本發明提供依據用戶自定義的設備信息進行拓撲圖自定義，而不拘泥于拓撲圖中的固定的結構樣式；可以跟自身業務解耦；也可以共同組合成一個公共組件，便于更多的其他系統進行調用。

本發明授權一種基于Antv的自定義可視化拓撲圖的實現方法在權利要求書中公布了：1.一種基于Antv的自定義可視化拓撲圖的實現方法，其特征在于，其實現方法包括以下5個模塊：拓撲設備基礎信息模塊，拓撲圖渲染模塊，拓撲拖拽控制模塊，拓撲鏈接控制模塊，拓撲圖數據化模塊； 模塊一：拓撲設備基礎信息模塊，用于初始化拓撲元素的基礎信息內容，也是用戶自定義的可擴展的信息，采用用戶自定義的設備信息來進行繪制，包括列表呈現和初始化數據關聯； 模塊二、拓撲圖渲染模塊，用于數據加載和渲染，將數據的加載和圖的渲染分開進行； 模塊三、拓撲拖拽控制模塊，用于給與每個設備元素綁定拖拽事件，定義參數和內容進行擴展圖形想要的樣式； 模塊四、拓撲鏈接控制模塊，用于增加鼠標移動到拓撲元素上的動作以及鼠標移出動作，將兩個拓撲元素鏈接起來； 模塊五、拓撲圖數據化模塊，包括了數據存儲以及重新獲取更新拓撲圖鏈接信息； 其中，所述拓撲設備基礎信息模塊，具體實現方法如下： 1列表呈現： a、常規的有設備名稱name、設備類型type、設備Mac、設備編碼code,可擴展信息包括設備的狀態，設備的告警級別level，設備的圖片image，根據實際需求進行擴展，還添加設備是否跟其他設備關聯，是否成為子集設備復雜關聯配置； b、在vue中通過fetch獲取遠程的設備數據，設備數據包括了元素名稱、元素圖片尺寸、元素唯一識別、元素當前狀態、拓撲圖形類型，其他元素信息都包含在上述a的配置中，整理這些數據成數組，然后通過頁面遍歷繪制所需的列表； 2初始化數據關聯：列表中所呈現的設備是未出現在拓撲中的數據，所以在拓撲圖中進行設備添加和刪除的時候，需要動態的觸發事件來更新關聯的設備數據，方式就是采用公共組件通訊事件總線eventBus的自定義事件來傳遞觸發的數據， 其數據格式為： [{name,label,size,type,cid,ip,mac,status,deplay,typeName,description,manufacture,x:0,y:0,shape:customNode,image,inPoints:[0.5,0.5],outPoints:[0.5,0.5]},{}]。

如需購買、轉讓、實施、許可或投資類似專利技術，可聯系本專利的申請人或專利權人江蘇省未來網絡創新研究院，其通訊地址為：210000 江蘇省南京市江寧開發區將軍大道37號；或者聯系龍圖騰網官方客服，聯系龍圖騰網可撥打電話0551-65771310或微信搜索“龍圖騰網”。