NVD3固定图表的宽度以填充svg元素

Question

我还在探索NVD3，所以请耐心等待。

我试图将四个条形图彼此相邻，每个条形图的宽度为25％，这就是我目前得到的：

从该HTML代码：

<div class="inline">
    <div id="status" class="d3chart d3chart-sm wd-25"><svg></svg></div>
    <div id="shop" class="d3chart d3chart-sm wd-25"><svg></svg></div>
    <div id="week" class="d3chart d3chart-sm wd-25"><svg></svg></div>
    <div id="age" class="d3chart d3chart-sm wd-25"><svg></svg></div>
</div>

<svg>标签的宽度为25％，实际上填满了每个图表左侧的空白区域，但是在页面运行后呈现的图表本身并未填满此区域：

这是整个事情的小提琴：http://jsfiddle.net/re3yod01/1/

如何让这些图表填满包含它们的svg元素？

Answer 1

尝试在图表上注释掉边距：

.margin({top: 30, right: 20, bottom: 50, left: 175})

希望有所帮助