force-layout

2熱度

2回答

我只需要佈局可在這裏 http://mbostock.github.io/d3/talk/20111116/force-collapsible.html 以上的可視化與所有的節點被擴展，因此用戶可以直觀完整的層次開始一個簡單的修改。唯一的問題是如果圖形密集，並且形成的毛球是沒有意義的。我只想從根節點開始，並根據需要逐步擴展所有節點。這可行嗎？需要更改多少代碼？

2熱度

1回答

使用對於一個給定D3力佈局多個數據集

我開始與D3和具有以下問題：我創建了一個方向上的力的佈局結合了鏈路和節點JSON數據，其中數據鏈接： { { "source":"s1" , "target":"t1", "type_link"= "type1"}, { "source":"s2" , "target":"t2", "type_link"= "type2"} ... } ...其中「源」和「目

2熱度

1回答

d3.js最大調用堆棧大小超出錯誤

當我嘗試佈局我的強制指令圖時，以下是我收到的錯誤。我在Mike Bostock的github頁面閱讀了這個問題，發現它可能是由於座標的NaN值或在同一點繪製的所有點。我檢查了控制檯，發現我的所有點都以相同的X和Y值繪製。在示例數據上，代碼工作得很好，但現在沒有更多。我的數據遠離中心節點45-50級。我用這些數據成功地製作了一個樹形佈局。想嘗試武力導向佈局，但它沒有奏效。任何有關如何在單獨的座標

1熱度

1回答

。數據（）結合

我使用D3的力指向圖建立一個模擬疫情僅第一要素。當傳輸事件發生時，我想從發射器的圓圈移動到新感染的個體。問題：僅在創建第一元件和根據所述綁定數據移動。首先，我收集的座標： xyCoords = getPathogen_xyCoords(newInfections); 凡xyCoords如下所示： {receiverX: newInfections[i].x, receiverY: new

2熱度

1回答

基於過濾器下拉菜單在d3中添加和刪除節點和鏈接

我試圖製作一個強制關係圖，並帶有幾個下拉框過濾顯示的數據。第一個（我幾乎是在這裏）檢查類型，只顯示節點&具有與該類型匹配的源或目標的鏈接。我現在擁有的是選擇過濾器和圖形更新的能力，它刪除不必要的節點，並重新格式化其餘的正確。但它只是第一次。如果我'過濾'它開始變得不合時宜。這裏是我的完整代碼，我對JavaScript非常陌生（& d3），並且我已經從bl.ocks.org中毫無顧忌地竊取了，

1熱度

1回答

D3動態佈局在節點上顯示div元素

我需要在d3.js生成的圖形上顯示節點上的鼠標懸停的HTML div元素。主要目的是以結構化方式顯示與懸停節點相關的附加信息。這些信息包含鏈接，圖片和文字。下面是我編寫的用於生成圖形的代碼。它是靜態的圖，其中用戶可以窗框內移動節點： <!DOCTYPE html> <meta charset="utf-8"> <style> .node { stroke: #fff;

8熱度

3回答

D3力有向圖，根據數據和值給出不同的形狀？

我製作了一個有力的圖形，我想改變包含"entity":"company"的數據的節點形狀，以便它們具有矩形形狀，而沒有這部分數據的其他數據會像現在一樣是圓形的。你可以看到，只有圈的節點在這裏我的工作例如：http://jsfiddle.net/dzorz/uWtSk/ 我試圖用if else語句添加矩形中的部分代碼，我追加形狀像這樣的節點： function(d) { if

1熱度

2回答

D3強制導向圖：更新節點位置

我剛剛開始使用d3 library。我已經花了幾天的時間來探索api並回顧一些示例，並基於force-directed graph示例開始了我自己的項目。如果不是使用簡單形狀（square,circle ...），而是使用路徑繪製節點，如何在tick之後更新節點的位置？我已經提供了可以在這裏觀察到的例如：jsFiddle var svg = d3.select('#view').attr({w

9熱度

1回答

D3力佈局中的動態鏈接距離

我已經實現了d3的力佈局。但是對我而言，問題在於佈局沒有在屏幕上傳播。以下是快照：我想要的節點與動態鏈接距離在屏幕上廣泛傳播，有很多的右側和左側空白區域。我試圖隨機鏈路距離如下： d3.layout.force() .charge(-800) .linkDistance(function(d){ return (Math.random() * (400 - 200

4熱度

1回答

D3.js在鼠標懸停上更改文本，這可能嗎？

我有一個強制定向圖，我想改變鼠標上的節點上的文本。我試圖做到這一點，將數據放入數據數組中，然後在mouseover上調用它，就像我打電話給藍色矩形圖像一樣。但它似乎不工作，我沒有得到任何錯誤。所以，我不知道是什麼問題.. 你可以看到，在這裏編輯例如：http://jsfiddle.net/dzorz/CqaLh/ 和文字是這樣的： var data = {"nodes":[ {