d3.js

1熱度

1回答

我想在我的d3（v4）圖表中實現縮放和刷牙。我已經得到了他們兩個單獨工作，但我試圖在同一個圖表上實現這兩個功能時出現問題。我的場景如下： 1.用戶使用畫筆顯示圖表的特定區域。 2.然後，他們縮放/平移，但這會導致視圖跳回舊位置，因爲存儲的縮放轉換不知道刷牙所做的更改。我的理解是，當前縮放變換（比例+平移）存儲在DOM元素內部的__zoom屬性中。無論何時與元素交互（例如通過滾動鼠標滾輪），縮放

2熱度

1回答

使用d3畫布強制定向圖形多邊形

我創建了具有多個邊的強制有向圖，但是在摺疊後它只顯示另一邊，而另一個則相互重疊。我想創造這樣https://bl.ocks.org/mattkohl/146d301c0fc20d89d85880df537de7b0#index.html 我的代碼：JSBIN <!DOCTYPE html> <html> <head> <title>Sample Graph Rendring Usi

0熱度

1回答

d3 v4中心和旋轉投影

我正在製作威斯康辛州的靜態互動地圖。我使用阿爾伯斯等積圓錐投影和我都試過.rotate，.center，.fitExtent，但每當我添加到這些代碼，地圖完全消失。任何人都知道會發生什麼事？下面的代碼： var margin = {top: 20, left: 20, bottom: 20, right: 20} height = 600- margin.top - margin.

0熱度

3回答

從html分離json數據？

我是新來的圖表和圖表，看來這並沒有變得更容易。我使用的是AnyChart圖表，但json嵌入在html中。我想分開它，以便從MyFile.json中讀取。下面是呈現圖表的JavaScript。這個偉大的工程： anychart.onDocumentReady(function() { var dataTable = anychart.data.table("Date", "dd/M

1熱度

1回答

如何在國際地圖上放置國名？

我成功地使用「world-110m.json」創建了一張地圖。但我不知道如何把國名放在世界地圖上。這是我的代碼; <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script src = "https://d3js.org/d3.v3.min.js"></script> <script src

2熱度

2回答

D3：更新路徑鏈接位置

我創建Fimily樹，它似乎工作正常，除了鏈接。當我拖動節點時他們沒有更新。鏈接結束只是模式不同的方向，並沒有遵循節點。另外，當我點擊節點它的筆觸改變，但也改變文本筆畫，裏面矩形，我需要改變只rect筆畫。我準備Feedly <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <scri

0熱度

1回答

D3：使用矩形拖動來縮放和平移

我使用d3創建了複雜的系列樹，現在它使用名稱繪製所有矩形，並且還可以拖動作品以及它們之間的鏈接很好地工作和更新。現在我需要添加縮放和平移到我的樹上，因爲它會非常大。我嘗試做這種方式： var margin = {top: 100, right: 50, bottom: 50, left: 50}, width = 1800 - margin.left - margin.right,

0熱度

1回答

重新安排JSON文件（使用鄰接矩陣）

我有一個JSON文件看起來像這樣： [ { "id": 1, "country": "Greece", "names": [ "Alex", "Betty", "Catherine", "Dave", "Edward", "Frank", "George", "H

0熱度

1回答

d3.js：如何解決我的交互式餅圖？

我在教自己如何在d3.js中製作交互式可視化，目前通過Elijah Meeks的D3.js In Action工作。我試圖讓他的餅圖示例交互使用三個按鈕。我在補間時做了一些錯誤 - 我試圖保存當前顯示的餅圖，以便在它和新選擇的餅圖之間進行過渡。但是，我目前的派不斷重置爲初始派。我認爲這可能很簡單，但我無法弄清楚我做錯了什麼。有人可以告訴我要改變什麼來使我的轉換工作？再次運行下面的代碼，點擊「

0熱度

1回答

D3js拖放一個對象並檢測它被丟棄的位置。

我工作的拖放使用d3js下降SVG。有兩個問題，我認爲它們是相互關聯的。當圓圈被丟棄時，它必須檢測到它被放到矩形中。我看過的一些例子使用鼠標的x和y座標，但我不完全理解它。的另一個問題是，圓圈顯示矩形後面。有沒有辦法把它帶到前面時，圓圈中移動不改變，其中圓，矩形創建即順序（先矩形創建圈子）。 var width = window.innerWidth, height = wind