d3.js - 要显示所有内容，svg 需要 9000px - 有没有强制换行的方法？

Question

我尝试用 d3.js 做我的第一个项目 - 但我卡住了......

我想做的事：

根据数据，矩形应该有不同的颜色。但是：有 187 个数据点，因此有 187 个矩形。要全部显示，我的 svg 需要有 9000px 的宽度 - 很多水平滚动......

有没有办法让矩形强制“换行”？

显然，增加高度是行不通的。

Answer 1

这样的事情可能会奏效。如果没有实际看到您的代码，我无法确定

rectangles
    .attr("x", function(d, i) {return (i % barsPerRow) * barWidth;})
    .attr("y", function(d, i) {return Math.floor(i / barsPerRow) * maxBarHeight;})
;

就像@meetamit 所说，svg 没有 html 样式布局。