force-layout

    8熱度

    1回答

    Mike Bostock has an example關於更新強制佈局。該示例基於v3 - 如何在v4中複製相同的功能? Here's my (pitiful) attempt。 我讀過the changes在v4 Changelog中的選擇,但merge調用仍然令人困惑。特別是,我不清楚數據加入如何與模擬nodes()和links()調用進行交互。

    0熱度

    1回答

    我正在開發一個強制導向佈局。當我第一次開始這個時,我已經在CSS中定義了顏色,並且效果很好。在這個過程中,我決定嘗試使用內置的D3色標,但是當我試圖回到我的自定義CSS顏色時,代碼不會在沒有色標線的情況下運行。不知怎的,我很「卡」與D3規模 - 此代碼的行4:https://jsfiddle.net/lilyelle/gwacm7z5/ var w = 600, h = 500,

    0熱度

    1回答

    我想從我的JSON鏈接數據中設置參數爲value的節點半徑。節點和鏈路具有以下格式 "nodes": {"name": "Flare", "group": 1}, "links": {"source": 0, "target": 1, "value": 10} 它工作正常使用d.group參數,像這樣設置節點半徑: nodes.append("circle") .attr("cla

    -1熱度

    1回答

    我正在製作一個d3 force佈局圖,外觀很像this。 我想要的是要修復的根節點不可拖動。我通過添加 "fixed": true 修復了根節點,但它仍然是可拖動的。在我的JS文件有代碼 var nodeEnter = node.enter().append("g") .attr("class", "node") .on("click", click) .call

    1熱度

    2回答

    我正在研究D3v4中的強制佈局,它需要隨時間更新其節點。我跟着Adding new nodes to Force-directed layout(D3v2)和mbostock的block(D3v3),但我不太確定如何在D3v4中實現同樣的效果。下面是我到目前爲止有: http://bl.ocks.org/danielcompton/2189f9571e306f3084e5c2a913002eaf

    0熱度

    1回答

    我想創建一個強制圖併爲每個節點插入foreignObject。 simulation .nodes(graph.nodes) .on("tick", ticked) .on("end", graphended); var node = svg.append("g") .attr("class", "nodes")

    1熱度

    2回答

    我正在繪製有向圖:JSBin。我希望圖形最初可以用力顯示,但用戶可以自由移動節點。有兩種選擇,其中任何一種對我都很好: 1)一旦顯示圖形,我希望能夠將任何節點拖到任何位置,不會干預;鏈接的長度將自動調整 2)一旦顯示圖形,我希望能夠拖動節點,鏈接的長度可以始終保持不變,但我不希望力來介入以自動改變其他節點的位置。 我試圖修改.charge(-300),但它不能很好地工作,任何人都可以幫助嗎? 編輯

    0熱度

    1回答

    我能複製邁克·博斯托克的力量拖動例子之一,從他的blog 但是我不知道爲什麼,當我試着模擬它在我自己的風格,它崩潰。 這裏的工作代碼,模仿準確的博斯托克的代碼,但是使用了不同的JSON數據 這裏的鏈接到JSON data Codepen - Working 這是我自己的嘗試: Codepen - Not Working $(document).ready(function(){ cons

    3熱度

    1回答

    在帶有強制模塊的D3 v4中,如何在初始化圖形後更新模擬參數? 更準確地說,當用戶點擊其中一個節點時,我試圖改變強制有向圖的.forceLink和.forceManyBody。 var node = svg .append("g") .attr("class", "gnodes") .selectAll(".node") .data(graph.nodes)

    2熱度

    1回答

    我有一個非常基本的問題。我試圖重現https://bl.ocks.org/mbostock/ad70335eeef6d167bc36fd3c04378048,但我只是想在每個節點上添加一些文本。 我可以用svg做到這一點,但我想使用畫布版本進行高效渲染。 非常感謝。