思維導圖的顯示方法及裝置與流程

2023-11-11 16:53:17 2

本發明涉及網際網路領域，具體而言，涉及一種思維導圖的顯示方法及裝置。

背景技術：

思維導圖是有效的思維模式，是應用於記憶、學習、思考等方面的思維「地圖」，它有利於人腦的擴散思維的展開，能夠幫助人們快速理清思路。與思維導圖的意義一樣，人們會產生很多想法，也就是IDEA，每個IDEA的輕重緩急不一樣。對於這一點，目前市場上出現的很多傳統的思維導圖工具(包括：免費的，收費的，開源的等等各種)和概念裡並沒有體現。而實際上，思維導圖僅僅能夠展現數據的層次和結構還不夠，還應該能夠凸顯重點。然而，從展現效果來看，傳統的思維導圖並不能凸顯重點。

例如，有2個方案可以用於解決開發團隊間的溝通協作問題：方案1，每天早上召開雙方代碼溝通例會；方案2，頻繁的郵件溝通。顯然，方案1會更好的解決溝通協作問題，應該引起用戶關注，方案2則會顯得較散慢，而傳統的思維導圖無法重點標識方案1以引起用戶關注。

針對上述的問題，目前尚未提出有效的解決方案。

技術實現要素：

本發明實施例提供了一種思維導圖的顯示方法及裝置，以至少解決相關技術中由於思維導圖不能凸顯重點信息而造成用戶在查看時抓不到重點的技術問題。

根據本發明實施例的一個方面，提供了一種思維導圖的顯示方法，包括：獲取構成思維導圖的各節點的節點信息；根據上述各節點的節點信息確定上述各節點的用于衡量節點關注度指標的權重值；根據確定的上述各節點的用于衡量節點關注度指標的權重值顯示上述思維導圖。

進一步地，根據確定的上述各節點的用于衡量節點關注度指標的權重值顯示上述思維導圖包括：根據確定的上述各節點的用于衡量節點關注度指標的權重值顯示上述思維導圖中的分支連接線。

進一步地，上述各節點包括第一節點和第二節點，根據確定的上述各節點的用於 衡量節點關注度指標的權重值顯示上述思維導圖中的分支連接線包括：在上述第一節點和上述第二節點為相同層級上的節點，且上述第一節點的權重值大於上述第二節點的權重值的情況下，在上述思維導圖中將上述第一節點與其上級節點之間的分支連接線、上述第二節點與其上級節點之間的分支連接線分別顯示為第一寬度的分支連接線和第二寬度的分支連接線，其中，第一寬度大於第二寬度。

進一步地，上述各節點包括第一節點和第二節點，根據確定的上述各節點的用于衡量節點關注度指標的權重值顯示上述思維導圖中的分支連接線包括：在上述第一節點和上述第二節點為不同層級上的節點，且上述第一節點的層級高於上述第二節點的層級的情況下，在上述思維導圖中將上述第一節點與其上級節點之間的分支連接線、上述第二節點與其上級節點之間的分支連接線分別顯示為第三寬度的分支連接線和第四寬度的分支連接線，其中，第三寬度大於第四寬度。

進一步地，根據確定的上述各節點的用于衡量節點關注度指標的權重值顯示上述思維導圖中的分支連接線包括：判斷確定的上述各節點的用于衡量節點關注度指標的權重值所屬的數值範圍，得到判斷結果；獲取預設權重值與預設數值範圍的對應關係；根據上述判斷結果以及上述預設權重值與上述預設數值範圍的對應關係，確定上述各節點的用于衡量節點關注度指標的權重值對應的各分支連接線的寬度；根據確定的上述各分支連接線的寬度在上述思維導圖中顯示上述各分支連接線。

根據本發明實施例的另一方面，還提供了一種思維導圖的顯示裝置，包括：獲取單元，用於獲取構成思維導圖的各節點的節點信息；確定單元，用於根據上述各節點的節點信息確定上述各節點的用于衡量節點關注度指標的權重值；顯示單元，用於根據確定的上述各節點的用于衡量節點關注度指標的權重值顯示上述思維導圖。

進一步地，上述顯示單元還用於根據確定的上述各節點的用于衡量節點關注度指標的權重值顯示上述思維導圖中的分支連接線。

進一步地，上述各節點包括第一節點和第二節點，上述顯示單元還用於在上述第一節點和上述第二節點為相同層級上的節點，且上述第一節點的權重值大於上述第二節點的權重值的情況下，在上述思維導圖中將上述第一節點與其上級節點之間的分支連接線、上述第二節點與其上級節點之間的分支連接線分別顯示為第一寬度的分支連接線和第二寬度的分支連接線，其中，第一寬度大於第二寬度。

進一步地，上述各節點包括第一節點和第二節點，上述顯示單元還用於在上述第一節點和上述第二節點為不同層級上的節點，且上述第一節點的層級高於上述第二節點的層級的情況下，在上述思維導圖中將上述第一節點與其上級節點之間的分支連接 線、上述第二節點與其上級節點之間的分支連接線分別顯示為第三寬度的分支連接線和第四寬度的分支連接線，其中，第三寬度大於第四寬度。

進一步地，上述顯示單元包括：判斷模塊，用於判斷確定的上述各節點的用于衡量節點關注度指標的權重值所屬的數值範圍，得到判斷結果；獲取模塊，用於獲取預設權重值與預設數值範圍的對應關係；確定模塊，用於根據上述判斷結果以及上述預設權重值與上述預設數值範圍的對應關係，確定上述各節點的用于衡量節點關注度指標的權重值對應的各分支連接線的寬度；顯示模塊，用於根據確定的上述各分支連接線的寬度在上述思維導圖中顯示上述各分支連接線。

在本發明實施例中，採用根據思維導圖中各節點的用于衡量節點關注度指標的權重值顯示思維導圖的方式，通過獲取構成思維導圖的各節點的節點信息；根據各節點的節點信息確定各節點的用于衡量節點關注度指標的權重值；根據確定的各節點的用于衡量節點關注度指標的權重值顯示思維導圖，達到了基於關注度凸顯思維導圖中的重點信息的目的，從而實現了改善思維導圖的顯示效果的技術效果，進而達到了便於用戶查看思維導圖並抓住其中的重點內容的技術效果，進而解決了相關技術中由於思維導圖不能凸顯重點信息而造成用戶在查看時抓不到重點的技術問題。

附圖說明

此處所說明的附圖用來提供對本發明的進一步理解，構成本申請的一部分，本發明的示意性實施例及其說明用於解釋本發明，並不構成對本發明的不當限定。在附圖中：

圖1是根據本發明實施例的一種可選的思維導圖的顯示方法的流程圖；

圖2是根據本發明實施例的一種可選的思維導圖的顯示裝置的示意圖。

具體實施方式

為了使本技術領域的人員更好地理解本發明方案，下面將結合本發明實施例中的附圖，對本發明實施例中的技術方案進行清楚、完整地描述，顯然，所描述的實施例僅僅是本發明一部分的實施例，而不是全部的實施例。基於本發明中的實施例，本領域普通技術人員在沒有做出創造性勞動前提下所獲得的所有其他實施例，都應當屬於本發明保護的範圍。

需要說明的是，本發明的說明書和權利要求書及上述附圖中的術語「第一」、「第二」等是用於區別類似的對象，而不必用於描述特定的順序或先後次序。應該理解這樣使用的數據在適當情況下可以互換，以便這裡描述的本發明的實施例能夠以除了在 這裡圖示或描述的那些以外的順序實施。此外，術語「包括」和「具有」以及他們的任何變形，意圖在於覆蓋不排他的包含，例如，包含了一系列步驟或單元的過程、方法、系統、產品或設備不必限於清楚地列出的那些步驟或單元，而是可包括沒有清楚地列出的或對於這些過程、方法、產品或設備固有的其它步驟或單元。

實施例1

根據本發明實施例，提供了一種思維導圖的顯示方法的方法實施例，需要說明的是，在附圖的流程圖示出的步驟可以在諸如一組計算機可執行指令的計算機系統中執行，並且，雖然在流程圖中示出了邏輯順序，但是在某些情況下，可以以不同於此處的順序執行所示出或描述的步驟。

圖1是根據本發明實施例的一種可選的思維導圖的顯示方法的流程圖，如圖1所示，該方法包括如下步驟：

步驟S102，獲取構成思維導圖的各節點的節點信息；

步驟S104，根據各節點的節點信息確定各節點的用于衡量節點關注度指標的權重值；

步驟S106，根據確定的各節點的用于衡量節點關注度指標的權重值顯示思維導圖。

思維導圖中的數據都是樹形結構數據，如JSON格式數據和XML格式數據。樹形結構數據包括多個數據節點，以下簡稱為節點。為了區分用戶對各節點的關注度，在本發明實施例中，會在每個節點上增加一個關注度屬性，並用權重值Weight來表示各節點的關注度指標的大小。其中，節點的權重值越大，表明該節點越重要，用戶越關注該節點；節點的權重值越小，表明該節點越不重要，用戶越不關注該節點。

另外，在思維導圖中，各節點的節點信息包括但不限於：節點的名稱、key、關注度屬性(即權重值)等信息，在得到某個節點的節點信息後，可以從中提取該節點的關注度屬性(即權重值)。

具體地，根據各節點的權重值顯示思維導圖包括但不限於：根據各節點的權重值顯示思維導圖中的各節點，比如，不同的權重值對應不同大小或者不同形狀的節點；根據各節點的權重值顯示思維導圖中的各節點與其關聯節點的分支連接線，比如，不同的權重值對應不同形式(如虛線、實線等)或者不同線寬的分支連接線。

通過本發明實施例，採用根據思維導圖中各節點的用于衡量節點關注度指標的權重值顯示思維導圖的方式，達到了基於關注度凸顯思維導圖中的重點信息的目的，從而實現了改善思維導圖的顯示效果的技術效果，進而達到了便於用戶查看思維導圖並 抓住其中的重點內容的技術效果。

可選地，根據確定的各節點的用于衡量節點關注度指標的權重值顯示思維導圖包括：

S2，根據確定的各節點的用于衡量節點關注度指標的權重值顯示思維導圖中的分支連接線。

與根據各節點的權重值凸顯思維導圖中的各節點(如將權重值相同的節點顯示為相同大小或相同形狀的節點，將權重值不相同的節點顯示為大小不同或形狀不同的節點)相比，根據各節點的權重值凸顯思維導圖中的分支連接線，如將權重值相同的節點對應到形式(如虛線、實線等)相同或者線寬相同的分支連接線，將權重值不同的節點對應到形式(如虛線、實線等)不同或者線寬不同的分支連接線，可以節省顯示空間，防止顯示界面過度擁擠。

可選地，上述各節點包括第一節點和第二節點，第一節點和第二節點又可以分別包含一個或者多個子節點，基於此，根據確定的各節點的用于衡量節點關注度指標的權重值顯示思維導圖中的分支連接線可以包括以下兩種情況：

情況1：即S4，在第一節點和第二節點為相同層級上的節點，且第一節點的權重值大於第二節點的權重值的情況下，在思維導圖中將第一節點與其上級節點(即與其父節點)之間的分支連接線、第二節點與其上級節點(即與其父節點)之間的分支連接線分別顯示為第一寬度的分支連接線和第二寬度的分支連接線，其中，第一寬度大於第二寬度。換言之，對於同一層級的各節點而言，如果節點的權重值越大，則該節點與其父節點之間的連接線就越粗，如果節點的權重值越小，則該節點與其父節點之間的連接線就越細。連接線越粗，用戶越容易辨別其差異，進而越容易讓用戶關注它；連接線越細，用戶越難以辨別其差異，進而越難以讓用戶關注它。

情況2：即S6，在第一節點和第二節點為不同層級上的節點，且第一節點的層級高於第二節點的層級的情況下，在思維導圖中將第一節點與其上級節點之間的分支連接線、第二節點與其上級節點之間的分支連接線分別顯示為第三寬度的分支連接線和第四寬度的分支連接線，其中，第三寬度大於第四寬度。換言之，對於不同層級的各節點而言，如果節點所屬的層級越高，則該節點與其父節點之間的連接線就越粗，如果節點所屬的層級越低，則該節點與其父節點之間的連接線就越細。連接線越粗，用戶越容易辨別其差異，進而越容易讓用戶關注它；連接線越細，用戶越難以辨別其差異，進而越難以讓用戶關注它。需要說明的是，對於相鄰層級上的節點而言，高層級節點對應的連接線中最細的連接線要比低層級節點對應的連接線中最粗的連接線還要 粗。這樣，在同一副思維導圖中，可以保證高層節點的重要性高於低層節點的重要性。

需要說明的是，可以通過以下步驟確定當前分支連接線的寬度(包括第一寬度、第二寬度、第三寬度、第四寬度等)：設置各權重值；設置各寬度；確定權重值與寬度的對應關係；在得到當前分支連接線的權重值之後，可以根據權重值與寬度的對應關係，從預先設置的各寬度中查找與當前分支連接線的權重值對應的寬度。

通過本發明實施例，與通過線條形式凸顯思維導圖中的分支連接線相比，採用不同大小的權重值對應不同粗細的連接線的方式凸顯思維導圖中的分支連接線，可以防止線條形式過多導致思維導圖複雜，達到簡化整個思維導圖的目的，實現更簡潔、更直觀地凸顯思維導圖中的重點信息的效果。

可選地，根據確定的各節點的用于衡量節點關注度指標的權重值顯示思維導圖中的分支連接線包括：

S8，判斷確定的各節點的用于衡量節點關注度指標的權重值所屬的數值範圍，得到判斷結果；

S10，獲取預設權重值與預設數值範圍的對應關係；

S12，根據判斷結果以及預設權重值與預設數值範圍的對應關係，確定各節點的用于衡量節點關注度指標的權重值對應的各分支連接線的寬度；

S14，根據確定的各分支連接線的寬度在思維導圖中顯示各分支連接線。

由於一幅思維導圖可以包括數目眾多的節點，除中心節點和葉節點外，每個節點與其上下層級的節點間都會通過分支連線連接。如果該思維導圖中各節點的權重值大多不同，此時，採用前述實施方式提供的方案來凸顯思維導圖中的分支連接線，則需要設置眾多線寬不同分支連接線，一方面，會由於線條太多而導致不易識別這些線條之間的差別，另一方面，會由於對差異較小的線條也要區別顯示而導致工作量較大。基於此，將屬於某一預設數值範圍內的所有權重值對應的節點與其上層級節點間的分支連接線都設置為相同線寬的連接線，可以克服上述缺陷。

以下以一個具體實施例詳細闡述本發明：

(1)演示數據如下：

{

[key:A,level:1，weight:65],

[key:B,level:2,parentKey:A,weight:20],

[key:C,level:2,parentKey:A,weight:30],

[key:D,level:1,weight:15],

[key:E,level:1,parentKey:D,weight:20]

}

(2)數據屬性說明：key表示每個節點的唯一標識；level表示節點所屬的層級；parent Key表示節點所屬父級key；weight表示節點的權重值，即在同層級下的權重數量。

(3)數據結構說明：該演示數據有2個主節點A、D，分別對應思維導圖裡面的是分支，這個2個主節點都是在第一層級，並且A節點下有B、C 2個從節點。D節點下E從節點。

(4)思維導圖的創建流程如下：創建一個中心節點，該節點是思維導圖的主題思想或目標；接收外界傳入的JSON格式的樹形結構數據，從第一個分支的第一個節點開始遍歷所有的數據節點，直到遍歷完最後一個分支的最後一個節點為止才結束。

其中，具體遍歷過程過程如下：判斷當前節點是否存在下級節點；如果存在下級節點，則判斷每個下級節點是否也存在相應的下級節點(判斷過程和該遍歷過程一致)，如果存在，則返回。每次遍歷到一個節點則創建思維導圖分支，並連接到相應的上級節點，以及添加節點信息，其中，添加的節點信息包括但不限於節點的Key、名稱和權重值。

其中，創建思維導圖分支，並連接到相應的上級節點的過程如下：首先，在Web端創建預設大小的DIV，這個DIV就是思維導圖的節點；接著，DIV是圍繞著中心節點創建的，第一次層級分支的DIV大小比中心節點小就行，其它層級DIV的大小都同樣，默認按中心節點80％設置；然後，在創建的DIV和它的父級節點之間創建一個連接線，該連接線的起始位置是子節點，終點位置是父級節點。

實施例2

根據本發明實施例，提供了一種思維導圖的顯示裝置的裝置實施例。

圖2是根據本發明實施例的一種可選的思維導圖的顯示裝置的示意圖，如圖2所示，該裝置包括：獲取單元202，用於獲取構成思維導圖的各節點的節點信息；確定單元204，用於根據各節點的節點信息確定各節點的用于衡量節點關注度指標的權重值；顯示單元206，用於根據確定的各節點的用于衡量節點關注度指標的權重值顯示 思維導圖。

思維導圖中的數據都是樹形結構數據，如JSON格式數據和XML格式數據。樹形結構數據包括多個數據節點，以下簡稱為節點。為了區分用戶對各節點的關注度，在本發明實施例中，會在每個節點上增加一個關注度屬性，並用權重值Weight來表示各節點的關注度指標的大小。其中，節點的權重值越大，表明該節點越重要，用戶越關注該節點；節點的權重值越小，表明該節點越不重要，用戶越不關注該節點。

另外，在思維導圖中，各節點的節點信息包括但不限於：節點的名稱、key、關注度屬性(即權重值)等信息，在得到某個節點的節點信息後，可以從中提取該節點的關注度屬性(即權重值)。

具體地，根據各節點的權重值顯示思維導圖包括但不限於：根據各節點的權重值顯示思維導圖中的各節點，比如，不同的權重值對應不同大小或者不同形狀的節點；根據各節點的權重值顯示思維導圖中的各節點與其關聯節點的分支連接線，比如，不同的權重值對應不同形式(如虛線、實線等)或者不同線寬的分支連接線。

通過本發明實施例，採用根據思維導圖中各節點的用于衡量節點關注度指標的權重值顯示思維導圖的方式，達到了基於關注度凸顯思維導圖中的重點信息的目的，從而實現了改善思維導圖的顯示效果的技術效果，進而達到了便於用戶查看思維導圖並抓住其中的重點內容的技術效果。

可選地，上述顯示單元還用於根據確定的各節點的用于衡量節點關注度指標的權重值顯示思維導圖中的分支連接線。

與根據各節點的權重值凸顯思維導圖中的各節點(如將權重值相同的節點顯示為相同大小或相同形狀的節點，將權重值不相同的節點顯示為大小不同或形狀不同的節點)相比，根據各節點的權重值凸顯思維導圖中的分支連接線，如將權重值相同的節點對應到形式(如虛線、實線等)相同或者線寬相同的分支連接線，將權重值不同的節點對應到形式(如虛線、實線等)不同或者線寬不同的分支連接線，可以節省顯示空間，防止顯示界面過度擁擠。

可選地，各節點包括第一節點和第二節點，第一節點和第二節點又可以分別包含一個或者多個子節點，基於此，上述顯示單元還用於通過以下兩種情況確定的各節點的用于衡量節點關注度指標的權重值顯示思維導圖中的分支連接線：

情況1：在第一節點和第二節點為相同層級上的節點，且第一節點的權重值大於第二節點的權重值的情況下，在思維導圖中將第一節點與其上級節點之間的分支連接線、第二節點與其上級節點之間的分支連接線分別顯示為第一寬度和第二寬度，其中， 第一寬度的分支連接線大於第二寬度的分支連接線。換言之，對於同一層級的各節點而言，如果節點的權重值越大，則該節點與其父節點之間的連接線就越粗，如果節點的權重值越小，則該節點與其父節點之間的連接線就越細。連接線越粗，用戶越容易辨別其差異，進而越容易讓用戶關注它；連接線越細，用戶越難以辨別其差異，進而越難以讓用戶關注它。

情況2：在第一節點和第二節點為不同層級上的節點，且第一節點的層級高於第二節點的層級的情況下，在思維導圖中將第一節點與其上級節點之間的分支連接線、第二節點與其上級節點之間的分支連接線分別顯示為第三寬度的分支連接線和第四寬度的分支連接線，其中，第三寬度大於第四寬度。換言之，對於不同層級的各節點而言，如果節點所屬的層級越高，則該節點與其父節點之間的連接線就越粗，如果節點所屬的層級越低，則該節點與其父節點之間的連接線就越細。連接線越粗，用戶越容易辨別其差異，進而越容易讓用戶關注它；連接線越細，用戶越難以辨別其差異，進而越難以讓用戶關注它。需要說明的是，對於相鄰層級上的節點而言，高層級節點對應的連接線中最細的連接線要比低層級節點對應的連接線中最粗的連接線還要粗。這樣，在同一副思維導圖中，可以保證高層節點的重要性高於低層節點的重要性。

需要說明的是，可以通過以下步驟確定當前分支連接線的寬度(包括第一寬度、第二寬度、第三寬度、第四寬度等)：設置各權重值；設置各寬度；確定權重值與寬度的對應關係；在得到當前分支連接線的權重值之後，可以根據權重值與寬度的對應關係，從預先設置的各寬度中查找與當前分支連接線的權重值對應的寬度。

通過本發明實施例，與通過線條形式凸顯思維導圖中的分支連接線相比，採用不同大小的權重值對應不同粗細的連接線的方式凸顯思維導圖中的分支連接線，可以防止線條形式過多導致思維導圖複雜，達到簡化整個思維導圖的目的，實現更簡潔、更直觀地凸顯思維導圖中的重點信息的效果。

可選地，上述顯示單元包括：判斷模塊，用於判斷確定的各節點的用于衡量節點關注度指標的權重值所屬的數值範圍，得到判斷結果；獲取模塊，用於獲取預設權重值與預設數值範圍的對應關係；確定模塊，用於根據判斷結果以及預設權重值與預設數值範圍的對應關係，確定各節點的用于衡量節點關注度指標的權重值對應的各分支連接線的寬度；顯示模塊，用於根據確定的各分支連接線的寬度在思維導圖中顯示各分支連接線。

由於一幅思維導圖可以包括數目眾多的節點，除中心節點和葉節點外，每個節點與其上下層級的節點間都會通過分支連線連接。如果該思維導圖中各節點的權重值大多不同，此時，採用前述實施方式提供的方案來凸顯思維導圖中的分支連接線，則需 要設置眾多線寬不同分支連接線，一方面，會由於線條太多而導致不易識別這些線條之間的差別，另一方面，會由於對差異較小的線條也要區別顯示而導致工作量較大。基於此，將屬於某一預設數值範圍內的所有權重值對應的節點與其上層級節點間的分支連接線都設置為相同線寬的連接線，可以克服上述缺陷。

上述本發明實施例序號僅僅為了描述，不代表實施例的優劣。

在本發明的上述實施例中，對各個實施例的描述都各有側重，某個實施例中沒有詳述的部分，可以參見其他實施例的相關描述。

在本申請所提供的幾個實施例中，應該理解到，所揭露的技術內容，可通過其它的方式實現。其中，以上所描述的裝置實施例僅僅是示意性的，例如所述單元的劃分，可以為一種邏輯功能劃分，實際實現時可以有另外的劃分方式，例如多個單元或組件可以結合或者可以集成到另一個系統，或一些特徵可以忽略，或不執行。另一點，所顯示或討論的相互之間的耦合或直接耦合或通信連接可以是通過一些接口，單元或模塊的間接耦合或通信連接，可以是電性或其它的形式。

所述作為分離部件說明的單元可以是或者也可以不是物理上分開的，作為單元顯示的部件可以是或者也可以不是物理單元，即可以位於一個地方，或者也可以分布到多個單元上。可以根據實際的需要選擇其中的部分或者全部單元來實現本實施例方案的目的。

另外，在本發明各個實施例中的各功能單元可以集成在一個處理單元中，也可以是各個單元單獨物理存在，也可以兩個或兩個以上單元集成在一個單元中。上述集成的單元既可以採用硬體的形式實現，也可以採用軟體功能單元的形式實現。

所述集成的單元如果以軟體功能單元的形式實現並作為獨立的產品銷售或使用時，可以存儲在一個計算機可讀取存儲介質中。基於這樣的理解，本發明的技術方案本質上或者說對現有技術做出貢獻的部分或者該技術方案的全部或部分可以以軟體產品的形式體現出來，該計算機軟體產品存儲在一個存儲介質中，包括若干指令用以使得一臺計算機設備(可為個人計算機、伺服器或者網絡設備等)執行本發明各個實施例所述方法的全部或部分步驟。而前述的存儲介質包括：U盤、只讀存儲器(ROM，Read-Only Memory)、隨機存取存儲器(RAM，Random Access Memory)、移動硬碟、磁碟或者光碟等各種可以存儲程序代碼的介質。

以上所述僅是本發明的優選實施方式，應當指出，對於本技術領域的普通技術人員來說，在不脫離本發明原理的前提下，還可以做出若干改進和潤飾，這些改進和潤飾也應視為本發明的保護範圍。