ฉันกำลังวาด scatterplot ด้วย d3.js. ด้วยความช่วยเหลือของคำถามนี้:
รับขนาดของหน้าจอหน้าเว็บปัจจุบันและหน้าต่างเบราว์เซอร์
ฉันใช้คำตอบนี้:
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;
ดังนั้นฉันสามารถปรับพล็อตของฉันไปที่หน้าต่างของผู้ใช้ดังนี้
var svg = d3.select("body").append("svg")
.attr("width", x)
.attr("height", y)
.append("g");
ตอนนี้ฉันต้องการสิ่งที่ดูแลการปรับขนาดพล็อตเมื่อผู้ใช้ปรับขนาดหน้าต่าง
PS: ฉันไม่ได้ใช้ jQuery ในรหัสของฉัน