我有几个不同的谷歌图表，我想放在jQuery手风琴的部分中。问题是，由于某种原因，所有不在手风琴第一部分内的图表都变小了。手风琴的某些东西正在缩小这些图表。我不希望他们退缩。有人知道我能做些什么来防止他们退缩吗？
请参阅此示例，该示例说明了问题：http://jsfiddle.net/dN3LL/
谢谢！
编辑
因此，根据brandwiffer提供的答案，我认为图形应该在div折叠成手风琴形式之前进行渲染，所以我只需在图形渲染完成后放上$('#accordion').accordion();行，它就可以了！看小提琴：http://jsfiddle.net/dN3LL/4/
我过去曾在各种不同的内容中遇到过这种情况。我认为问题的出现是因为内容是在一个折叠的容器中呈现的，所以它默认为尽可能小的大小（我也看到过手风琴内灵活宽度div中的内容）。对于全面的解决方案，我能提供的最好的解决方案是将任何谷歌图表生成（或其他内容显示）与jQueryUI的Accordion提供的accordionchange事件挂钩：http://jqueryui.com/demos/accordion/
如果您使用accordionchange事件，Google图表将在手风琴切换到正确的部分后进行渲染，这将消除图表试图渲染到压扁的（即未打开的）容器中时遇到的任何问题。可能有更好的CSS修复方法，但我还没有找到。
一种解决方法是，首先加载图表，然后在图表加载完成后运行手风琴代码，或者在1-2秒（setTimeout）后运行手风琴码