如何使流图响应（d3.js）？

Question

我正在使用d3.js为我的公司制作流图，我想知道如何使其响应。我的代码与此示例没有太大区别：http://bl.ocks.org/mbostock/4060954

我一直在设置viewBox="0 0 height width"和preserveAspectRatio = "xMinYMid meet"但无济于事。

有什么建议吗？

Answer 1

所以，这个问题的解决方案就是这个问题：

http://jsfiddle.net/shawnbot/BJLe6/ 具体来说，这段代码：

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");

感谢所有帮助过的人！