D3粘滯力響應

2015-10-17 76 views 0 likes

我很努力地試圖瞭解如何使此圖響應http://bl.ocks.org/mbostock/3750558 。問題是，我有一些節點寬度固定的座標，我不知道如何處理瀏覽器寬度變化時（我猜用CSS翻譯？）。D3粘滯力響應

來源

2015-10-17 alfredopacino

回答

使svg元素響應是獨立於它是什麼類型的元素，無論是力佈局，折線圖或其他基於svg的渲染。

您可以利用原生d3的zoom-behavior來調整<g>組的大小。在窗口大小調整時，您可以實際調用縮放事件處理程序，在您的情況下，您需要根據視口大小或其他檢索屏幕大小的方法調整大小。

您可能還有興趣根據特定父級和子級svg元素之間的邊界框比率調整您的固定位置圖（包含在<g>元素中）的大小。您可以結算邊界框的樣本用法here

來源

2015-10-17 18:41:34

我嘗試了一些東西，但它不起作用 '''''''d3.select（window）.on（'resize'，resize）; function resize（）{ \t var w = $（document）.width（）; \t var h = $（document）.height（）; \t var z = d3.behavior.zoom（w，h）; \t d3.select（「svg＃logograph」）。call（z） }' – alfredopacino

相關問題

11. D3 selectAll.remove（）滯後於d3.select.remove（）
12. 粘滯菜單不粘？
13. 粘滯WPF窗口
14. 粘滯導航欄
15. 粘滯側導航
16. 粘滯頁腳CSS
17. 粘滯AlertDialog在Android
18. 粘滯jquery選項
19. jquery粘滯導航
20. NSURLConnection粘滯緩存
21. 粘滯複選框
22. 響應d3刷牙
23. 響應D3圖表
24. 響應d3區域
25. D3響應多行
26. 粘滯導航滯後滾動
27. 刪除移動視圖上的粘滯導航粘滯js
28. 粘滯內容在應該粘貼時會重置頁面？
29. d3.js力圖
30. D3.js可視化滯後