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

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

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

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

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

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