我有一组两个选项卡。每个选项卡内都有一个 Google 图表。这两个图表的大小和位置应该相同。
加载页面后，图表的位置就是我想要的位置（无论您最初位于哪个选项卡）。然后，当您移动到另一个选项卡（最初隐藏）时，图表的位置和大小会发生变化。
您可以在此处的示例中看到这一点：http://cb.tortoise-dev.co.uk/
为了简化事情，我向图表容器添加了固定的宽度和高度，但这没有帮助。我非常确定问题与加载页面时没有尺寸的隐藏容器有关，并且图表被绘制为某种默认大小，而不是填充容器（就像在最初可见的选项卡中那样）。我不确定解决方案是什么。
任何帮助将不胜感激。提前致谢。
您的怀疑是正确的：如果在进行绘制调用时图表的容器 div（或父元素）被隐藏，则可视化 API 的尺寸测量会变得混乱，并且会出现您注意到的效果。您可以使用几种不同的解决方案：
- 在初始化选项卡之前绘制图表，因此所有 div 在绘制时都可见
- 在选项卡上设置事件处理程序，以便在首次打开选项卡时绘制选项卡内的所有图表
- 在绘制图表之前立即取消隐藏所有 div，然后根据需要在图表的“就绪”事件处理程序中重新隐藏 div
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
