force-layout

2熱度

2回答

繼d3演示（http://goo.gl/lN7Jo）之後，我試圖創建一個強制指向圖。我試圖添加一個標題屬性到我的節點元素通過這樣做創建。 var node = svg.selectAll("circle.node") .data(json.nodes) .enter().append("circle") .attr("class", "node")

5熱度

1回答

在d3力指向圖的JSON中，節點，組和值的含義是什麼？

我正在嘗試創建一個d3力指向圖（http://mbostock.github.com/d3/ex/force.html）。這是包含我的數據的簡單JSON文件。 {"nodes":[{"name":"Node1","group":1}, {"name":"Node2","group":1}], "links":[{"source":1,"target":2,"value":2}]}

6熱度

1回答

爲什麼我的d3力指向圖不顯示邊緣？

我使用d3創建了一個簡單的力導向圖：http://goo.gl/afHTD 爲什麼圖形的邊緣沒有顯示？這是我的整個HTML文件。您也可以通過查看鏈接頁面上的源代碼來查看並修改它。它基於d3網站的示例。 <!DOCTYPE html> <html> <head> <title>Force-Directed Layout</title> <script type="te

84熱度

1回答

將新節點添加到Force-directed佈局

關於Stack Overflow的第一個問題，請耐心等待！我對d3.js是新手，但一直對其他人能夠完成的事情感到驚訝......我幾乎同樣驚訝於我自己能夠取得的進展。很顯然，我並不是在追求什麼，所以我希望這裏的善良的靈魂能夠讓我看到光明。我的本意是做一個可重用的JavaScript功能，只需執行以下操作：創建在指定的DOM元素的空力向圖允許您添加和刪除標記，圖像 - 承載節點操作圖，指定我

7熱度

3回答

在d3.js中摺疊/展開樹的子節點？

我正在構建一個樹結構（或者更確切地說是用我自己的json中的一組自己的數據修改其中一個示例）樹例如： http://mbostock.github.com/d3/ex/cluster.html 我正在向圈子添加一個onclick事件，我想摺疊點擊節點的子節點。也就是說，當用戶點擊與節點相關的鋼藍圈時，我希望該節點的子節點消失。我已經搜遍了文檔，還沒有發現任何可以讓我使節點崩潰或消失的東西。我該

2熱度

1回答

強制定向佈局NaN附加在D3.js

我在D3中使用強制定向佈局來抓取JSON文件中的數據，然後在雙擊其中一個節點時查詢數據庫以查找鏈接到該節點並更新試圖將新數據附加到該節點的鏈接和節點陣列。看起來，當節點沒有鏈接時，它們工作正常，但到xy座標的鏈接最終爲NaN。你可以在這裏看到效果，對其中一個節點只需要雙擊：通過重寫代碼遵循 http://blockses.appspot.com/2432083

34熱度

2回答

D3強制定向佈局與邊界框

我是D3新手，無法爲我的力定向佈局設置邊界。我已經設法拼湊（從例子）我想要什麼，但我需要包含圖。在tick函數中，transform/translate會正確顯示我的圖形，但是當我用Math.max/min（請參見注釋代碼）使用cx和cy時，節點會固定到的左上角，。這是我在下面...我做錯了什麼？ var w=960, h=500, r=8, z = d3.scale.category20(

1熱度

1回答

D3帶有標記的力圖上的魚眼

我喜歡新的魚眼插件（http://bost.ocks.org/mike/fisheye/），但想讓它在使用路徑和標記的力圖上工作比線條。我是D3新手，迄今爲止結合標記演示，魚眼演示已經擊敗了我，我想知道是否有人已經成功，並能指引我朝着正確的方向前進。乾杯本

6熱度

1回答

如何使用d3及其佈局來構建一棵樹？

我想以樹的形式安排我的節點。現在，我正在從here的這個例子中脫穎而出。目前，我依賴的是一種強制指導佈局，但我試圖對其進行修改，使得我可以獲得具有預定數量級別的樹，即如果節點屬於特定「層」，則它應該屬於與其他節點相同的區域圖層。我試圖在下面的圖片中解釋更多，但沒有人有任何建議嗎？ d3內部是否有預定的算法可以做到這一點，或者可以調整以實現這一目標？

13熱度

1回答

根據尺寸收費 - d3版面佈局

我正在嘗試使用d3.layout.force來製作一個有力的圖表，並且我需要容器可以調整大小 - 也就是說，我希望能夠根據以下內容計算適當的費用和linkDistance值：大小，還是有d3爲我做了一些神奇的方式。我試過了（鏈接：http://jsfiddle.net/VHdUe/6/），它只使用節點。我將電荷設置爲一個基於節點數量的值，該節點將適合於它傾向於成形的圓的半徑。的解決方案適用於一