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

Question

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

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

有什么建议么？

Answer 1

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

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

感谢所有帮助过的人！