使用D3 JavaScript计算保证金

时间:2015-04-18 11:21:55

标签: javascript layout d3.js margin

我在网页上绘制了几个图形。我们说我有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设置这些(或其他)属性以使它们按预期显示的任何想法?

谢谢!

1 个答案:

答案 0 :(得分:0)

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