javascript - 使用 D3 JavaScript 计算 margin

Question

我正在网页上绘制几个图形。假设我有 4 个图形 (A-B-C-D)。我想将它们排列如下:

A B
C D

但目前它们看起来像这样:

A
B
C
D

我将 A 的边距、宽度和高度设置如下:

var margin = {top: 20, right: 20, bottom: 30, left: 40},
            width = 500 - margin.left - margin.right,
            height = 270 - margin.top - margin.bottom;

关于如何设置 B、C 和 D 的这些(或其他一些)属性以便它们按预期显示有什么想法吗？

谢谢!

Answer 1

将它们设置为 .style('display', 'inline-block') 并将宽度设置为小于 50% 或放置 </br>他们之间的标签。