Tôi đang vẽ một phân tán với d3.js. Với sự giúp đỡ của câu hỏi này:
Get the size of the screen, current web page and browser windowThay đổi kích thước svg khi cửa sổ được thay đổi kích thước trong d3.js
Tôi đang sử dụng câu trả lời này:
var w = window,
d = document,
e = d.documentElement,
g = d.getElementsByTagName('body')[0],
x = w.innerWidth || e.clientWidth || g.clientWidth,
y = w.innerHeight|| e.clientHeight|| g.clientHeight;
Vì vậy, tôi có thể để phù hợp với cốt truyện của tôi để cửa sổ của người sử dụng như thế này:
var svg = d3.select("body").append("svg")
.attr("width", x)
.attr("height", y)
.append("g");
Bây giờ tôi muốn một cái gì đó sẽ chăm sóc thay đổi kích thước cốt truyện khi người dùng thay đổi kích thước cửa sổ.
PS: Tôi không sử dụng jQuery trong mã của mình.
Có thể trùng lặp [Whats cách tốt nhất để tạo bố cục trực quan hóa d3.js là gì?] (Http://stackoverflow.com/questions/9400615/whats-the-best-way-to-make-a-d3-js -visualisation-layout-responsive) – ColinE