突出顯示一組節點以及它們之間的關係

我正在研究使用D3的強制有向圖，並且我在圖表區域旁邊的單獨表中顯示了圖中顯示的所有節點。我在表格中顯示了複選框，這使我可以選擇節點。突出顯示一組節點以及它們之間的關係

我試圖強調節點和它們之間的關係。我一直在從這個例子Highlight selected node, its links, and its children in a D3 force directed graph指點。這個例子是針對一個特定的節點及其子節點的，但我試圖突出顯示多個節點，如果它們之間有任何關係的話。

對此的任何幫助將非常有用。

來源

2012-06-28 Rahul Rout

你有沒有看到我的回答有關[如何選擇相關的元素（http://stackoverflow.com/questions/11206015/clicking-a-node-in-d3 -from-A-按鈕外最SVG/11211391＃11211391）？ – mbostock

終於明白了......非常感謝@mbostock –

我沒有使用強制有向圖，而是使用「Radial Hub and Spoke Diagram」（又名a「Radial Wheel」），但前提應該是相同的。在我的示例中，關係由餅圖弧表示，並且關係中的節點位於弧的任一端。在該示例中，您將看到如何根據類型（鼠標移到顏色編碼的類型鍵上）同時選擇特定的節點和/或關係（即將鼠標懸停在任何弧或節點名稱上）或許多節點和關係。

在任一選擇示例中，都歸結爲爲圖形中的每個元素分配唯一標識符。您可以通過搜索.attr（「class」...）和.attr（「id」...）語句來查看我是如何做到這一點的。一旦您分配了這些唯一標識符，您就可以使用它們來創建選擇組合。您可以看到我如何在.on（「mouseover」，...）函數中執行此類選擇。

順便說一句，你可以請你的例子到bl.ocks.org？如果我們可以在您的代碼中看到，那將會更容易幫助您。

我希望這會有所幫助。

我最好的，

弗蘭克

來源

2012-07-31 20:56:53

突出顯示一組節點以及它們之間的關係

回答

相關問題