标签中的Google图表 - 隐藏标签中的图表大小和位置不正确

use*_*880 9 google-visualization

我有一组两个标签.每个标签中都有一个Google图表.这两个图表在大小和位置上都应该相同.

加载页面时,图表的位置是我想要的方式(无论您最初使用哪个选项卡).然后,当您移动到另一个选项卡(最初隐藏)时,图表的位置和大小更改.

你可以在这里的例子中看到这个:http://cb.tortoise-dev.co.uk/

为简化起见,我已将固定宽度和高度添加到图表容器中,但这没有帮助.我很确定问题是在加载页面时隐藏的容器没有尺寸,并且图表被绘制为一种默认大小而不是填充容器(就像在最初可见的选项卡中那样).我不确定解决方案是什么.

任何帮助将不胜感激.提前致谢.

asg*_*ant 5

您的怀疑是正确的:如果在进行绘制调用时隐藏了图表的容器div(或父元素),Visualization API的尺寸测量值会变得混乱,并且会出现类似于您注意到的效果.您可以使用以下几种不同的解决方案:

  1. 在初始化选项卡之前绘制图表,因此在绘制时可以看到所有div
  2. 在选项卡上设置事件处理程序,以便在首次打开时在选项卡中绘制所有图表
  3. 在绘制图表之前立即取消隐藏所有div,然后在图表的"就绪"事件处理程序中根据需要重新隐藏div