Question

我正在使用bootstrap模式显示google api图表。加载页面时会加载图表的数据，而模式包含页面加载时的图表。

起初我只是在页面加载时显示模态，一切看起来都很好。然后我添加了一个按钮，仅在请求时显示模态。没有其他改变。现在图表在模态中很小。

所有代码都相同，只是我在按钮上添加了一个按钮和一个onclick事件，显示了模态。

有什么想法吗？

有一个CSS片段可以更改默认模式：

.modal
{
    height:80%;
    width:80%;
    margin-left: -40%; 
}

这是模态

的html

 <div id="chartsModal" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="chartsModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="chartsModalLabel">Evolution of number of X</h3>
    </div> 
    <div id="number_of_evolution" class="span11" style="height:40em"></div>
</div>

Answer 1

几乎解决了这个问题，但仍有一点问题。我不知道究竟是什么导致了它，但我决定在按下按钮时创建图表，现在一切看起来都很棒。看起来像是更明智的事情：）

但是如果我打开模态，然后进行页面刷新，再次打开模态，图表再次变小。奇

编辑：后期也是固定的，等待模态完全加载后再绘制。第二次绘制图表时，似乎需要更短的时间（即使介于两者之间进行整页刷新，导致其大小错误）：

$（＆＃39; #chartModal＆＃39;）。on（＆＃39;显示＆＃39;，function（）{...

引导模式中的内容大小取决于加载时间

1 个答案: