[發明專利]一種知識圖譜可視化可交互導航實現的方法

有效

• 申請號: 202011428870.0
• 申請日: 2020-12-09
• 公開（公告）號: CN112380357B
• 公開（公告）日: 2022-11-01
• 發明（設計）人: 周硯舸
• 申請（專利權）人: 武漢烽火眾智數字技術有限責任公司
• 主分類號: G06F16/36
• 分類號: G06F16/36;G06F3/0481;G06F3/04842;G06F3/04845;G06T11/20;G06T11/60
• 代理公司: 北京匯澤知識產權代理有限公司 11228
• 代理人: 吳靜

1.一種知識圖譜可視化可交互導航實現的方法，其特征在于，包括：

S100.在知識圖譜主圖繪制方法已經編寫完成的前提下，在預設的導航器中繪制同步動態導航圖；

S200.向導航器添加brush層，用以顯示主圖當前視口相對于全圖節點區域的位置及大小；

S300.將主圖當前可視區域映射至導航器brush層，實現主圖移動、縮放、節點拖動時，導航器brush會作對應的大小、位置的改變；

S400.根據brush在導航器中的位置，計算主圖節點區域相對于視口的位置，實現當導航器中的brush被移動時，主圖視口始終可保持與導航器的brush區域一致；

S500.根據主圖布局形式，對導航器進行修正；

S600.根據主圖布局形式切換，對導航器內容進行修正；

其中，S100具體方法為：

S101.根據不同的顯示分辨率，動態獲取當前主圖視窗的大小，以及預設導航器中，為導航圖預留的視窗大??；

S102.根據獲取的視窗大小，分別計算主圖映射至導航器時的寬、高縮放比例；

S103.設計導航圖繪制方法；S103的具體方法為：在主圖繪制方法的基礎上，傳入S102中計算所得的縮放比例，并在繪制各類寬、高、圖像大小時，加入該縮放比例進行計算，使導航圖整體形狀、動畫與主圖保持一致，僅比例有所縮放,并在繪制導航圖方法中去除節點及連線的文字渲染；

S104.在加載主圖的方法之后，引入繪制導航圖方法，保證主圖及導航器同時繪制，以此實現主圖節點拖動時，導航圖的節點進行同步拖動；

S105.根據全圖的大小，以及導航器視口的大小，計算比例對導航圖進行二次縮放，保證全圖都顯示在導航器的視口內；S105的具體方法為：

S1051.根據導航圖節點區域當前相對于導航圖視口的位置大小，計算導航器二次縮放的比例；若節點區域超出視口，則進行二次縮放，若未超出，則不進行二次縮放；

S1052.根據S1051中計算得出的二次縮放比例，以及導航器視口的寬、高，計算出導航器SVG坐標區域的中心坐標；

S1053.根據S1051中計算得出的二次縮放比例，以及S1052中計算得出的SVG中心坐標，組合成transform屬性，并添加至導航器的節點屬性中，以達到當節點區域超出視口時，以導航器中心為基準進行縮放，縮放結果為節點區域恰好在導航器窗口的內部并距離邊框有間隙。

2.如權利要求1的一種知識圖譜可視化可交互導航實現的方法，其特征在于，S200的具體方法為：

S201.導航器加載時，通過D3.js的brush組件，根據預設的brush區域左上及右下頂點坐標變量，賦予導航器SVG一個brush層；

S202.使用CSS的pointer-events屬性，禁用brush的邊框以及背景的鼠標交互操作，使用戶僅能對brush區域進行拖動。

3.如權利要求1的一種知識圖譜可視化可交互導航實現的方法，其特征在于，S300的具體方法為：

S301.獲取主圖節點區域、主圖視口區域、導航器節點區域、導航器視口區域的區域參數；

S302.根據S301中獲取的區域參數，計算主圖節點區域與視口區域的上、下、左、右距離、計算導航器節點區域與視口區域的上、左距離；

S303.根據S301中獲取的區域參數，分別用寬、高計算主圖和導航圖的寬、高縮放比例；

S304.在用戶主動縮放主圖時，獲取主動縮放后的主圖縮放比例；

S305.根據S302和S303中獲取的各距離和縮放比例，計算brush區域的左上及右下頂點坐標，即brush區域距離導航器視口區域的上、下、左、右距離；

S305.根據S304中計算出的brush區域左上及右下頂點坐標，調用D3.js中brush組件的move方法，設置brush區域的位置及大小，至此主圖實時映射至導航器完成。