1

我有几个不同的谷歌图表，我想把它们放在 jQuery 手风琴的各个部分中。问题是由于某种原因不在手风琴第一部分内的所有图表都较小。手风琴的某些东西正在缩小这些图表。我不希望他们缩小。有谁知道我可以做些什么来防止它们缩小？

请参阅说明问题的示例：http: //jsfiddle.net/dN3LL/

谢谢！

编辑

因此，根据brandwaffle提供的答案，我认为应该在div折叠成手风琴形式之前渲染图形，所以我只是$('#accordion').accordion();在图形完成渲染后立即放置线条，它可以工作！见小提琴：http: //jsfiddle.net/dN3LL/4/

4

2 回答 2

1

过去，我曾因各种不同的内容而发生过这种情况。我认为问题的发生是因为内容是在折叠的容器中呈现的，所以它默认为尽可能小的尺寸（我在手风琴内部的灵活宽度 div 中也看到了这一点）。我可以为全面解决方案提供的最佳解决方案是将任何谷歌图表生成（或其他内容显示）挂钩到 jQueryUI 手风琴提供的手风琴变化事件：http: //jqueryui.com/demos/accordion/

如果您使用accordionchange 事件，Google Chart 将在手风琴切换到正确的部分后自行呈现，这应该可以消除由于图表试图呈现到压扁（即未打开的）容器中而导致的任何问题。对此可能有更好的 CSS 修复，但我还没有找到。

于 2012-07-31T18:37:41.530 回答
0

一种解决方法是，首先加载图表，然后在图表加载完成后运行手风琴代码或在 1-2 秒后运行手风琴代码（setTimeout）

于 2016-04-25T17:46:17.923 回答