使用bootstrap 3在页面中左对齐Google图表？

Question

在我的页面中，我有以下divs

<div><h2>Test</h2></div>
<div id="chart_div" style="width: 1200px; height: 600px;"></div>      

除了bootstrap 3提供的默认值之外，我没有任何样式。
但谷歌图表在左侧渲染了如此多的空白区域（见截图） 有没有办法解决这个问题？

修正更新： 根据davidkonrad的建议，我在我的图表中添加了以下选项

chartArea : { left: 30, top:30 }

现在可行了

Answer 1

它不是由引导程序引起的 - 可以轻松地在“新鲜”引导程序中重现行为3.它是由容器的巨大宽度引起的。

如果未定义chartArea，则chartArea.left，top，width和height为per default set to auto，表示图表尝试在容器内垂直和水平居中。您可以通过在容器周围设置边框来观察自己。设置chartArea.left以强制图表位置在您想要的位置，例如：

var options = {
   chartArea : { left: 80 }
};

或

var options = {
  chartArea : { left: "10%" }
};