使用 D3 JavaScript 计算保证金

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> 标签。