如何使流图响应(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");

感谢所有帮助过的人!