css - 使用引导程序 3 在页面中左对齐 Google 图表？

Question

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

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

除了 bootstrap 3 提供的默认样式之外，我没有任何样式。
但是 google 图表在左侧呈现了如此多的空白空间（参见屏幕截图）
有没有办法解决这个问题？

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

chartArea : { left: 30, top:30 }

现在它可以工作了

Answer 1

它不是由引导程序引起的 - 可以很容易地在“新”引导程序 3 中重现该行为。这是由容器的巨大宽度引起的。

如果chartArea未定义，则,和chartArea.left默认设置为，这意味着图表尝试在容器内垂直和水平居中。您可以通过在容器周围设置边框来观察自己。设置为您想要的图表位置，例如：topwidthheight autochartArea.left

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

或者

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