Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/svg/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery d3.js-在'height'上的响应布局更改'svg'内容仍然稳定(不调整大小)_Jquery_Svg_D3.js - Fatal编程技术网

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你能看看这里吗:对不起。我无法重现该问题,因此我认为我无法进一步排除故障,尽管我希望我可以。收回我的回答。祝你好运