Jquery d3.js-在'height'上的响应布局更改'svg'内容仍然稳定(不调整大小)
我正在尝试制作一个响应性布局。我找到了一个响应式方法的演示。在本演示中,只有宽度Jquery d3.js-在'height'上的响应布局更改'svg'内容仍然稳定(不调整大小),jquery,svg,d3.js,Jquery,Svg,D3.js,我正在尝试制作一个响应性布局。我找到了一个响应式方法的演示。在本演示中,只有宽度调整大小有效。重新调整高度的大小时,svg子对象没有响应 这里怎么了 代码: var chart = $("#chart"), aspect = chart.width() / chart.height(), container = chart.parent(); $(window).on("resize", function() { var targetWidth = container.w
调整大小有效。重新调整高度的大小时,svg
子对象没有响应
这里怎么了
代码:
var chart = $("#chart"),
aspect = chart.width() / chart.height(),
container = chart.parent();
$(window).on("resize", function() {
var targetWidth = container.width();
chart.attr("width", targetWidth);
chart.attr("height", Math.round(targetWidth / aspect));
}).trigger("resize");
我不知道,你能提供更多信息吗?或者你能更新我的提琴吗?你的提琴可以在Chrome、Firefox和IE11中使用。我不能测试这个安全性?我没有在你的svg PreserveSpectratio标签中添加任何内容(现在还更正了一个打字错误)@Grallen你能看看这里吗:对不起。我无法重现该问题,因此我认为我无法进一步排除故障,尽管我希望我可以。收回我的回答。祝你好运