Bootstrap 3和Google Charts - 格式化问题

Question

我正在研究销售量可视化工具的原型，并且遇到了正在显示的Google Geochart大小的问题。

当您按照以下步骤操作时，这个小提示演示了我的问题：http://jsfiddle.net/daKzQ/2/

1. 加载小提琴。请注意加拿大地图的大小。
2. 单击“数据”表。请注意数据表的大小。
3. 点击图表＆gt;按省选项卡的卷返回初始屏幕。地图大小已经改变了！
4. 再次单击“数据”选项卡。数据表的宽度已更改！

这些尺寸变化是个问题。我想坚持原来的尺寸。

我尝试过：

<div id="graph_tab" class="tab-pane active" style="hight:100%;width:100%">

除了使用多个像素大小以防止这种调整大小囤积包含的div，但没有运气。

有谁知道如何防止这种调整大小？

Answer 1

问题是由于尝试在隐藏的div中绘制图表/表格。 Visualization API在绘制隐藏的div时遇到问题，因此您必须在进行绘制调用之前取消隐藏div。