簡體   English   中英

繪制指向 d3 圓形包布局的鏈接

[英]Draw links to a d3 circle pack layout

我需要能夠在圓包布局中的圓之間繪制鏈接,例如{source: i, target: j} 我已經看到一些關於如何將此布局與力布局相結合的問題,這讓我認為這可能是實現這一目標的一種方式,但我在這條道路上沒有任何運氣,而且我需要的是完全靜態的東西。 預先感謝您的任何建議。

我終於可以通過將它們附加到 svg 並根據每條線要連接的節點的半徑計算每條線位置來在節點之間繪制線,但問題是我使用的包布局是可縮放的,所以當我嘗試通過單擊既不平移也不重新調整大小的線條進行縮放(當然,因為沒有執行此類操作的代碼),因此我嘗試為線條實現平移功能,以便它們隨縮放一起移動,然后我看到這需要一些嚴肅的幾何來實現這一點,所以由於我是一個懶惰的程序員,並且對 d3 完全沒有經驗,所以我嘗試使用更簡單的東西......最后我決定用一種不同的方法(沒有線條),我使用了“mouseover”事件,所以當指針懸停在一個節點上時,它會突出顯示(改變圓形筆觸屬性顏色和寬度)連接到它的節點。 通過這種方式,我實現了我的目標,並且沒有所有線條越過它,視圖看起來更干凈(它們很多)。 我知道有些人可能認為這不能回答最初的問題,我相信這可以通過使用線條並實施正確計算的更有經驗(以及時間和耐心)的人來實現,但在我的情況下,此解決方案解決了我的問題,也許對其他人有幫助。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM