我有一个安装了 HighCharts 和 idTabs 插件的网页。我只想一次显示 1 个图表,所以你好把它们放在多个标签中。html代码是:
<ul class="idTabs">
<li><a href="#vpPointsGraphWrapper">Points</a></li>
<li><a href="#vpKillsDeathsGraphWrapper">Kills and deaths</a></li>
<li><a href="#vpDamageGraphWrapper">Damage</a></li>
<li><a href="#vpBombsGraphWrapper">Bombs</a></li>
</ul>
<div id="vpPointsGraphWrapper"><div id="vpPointsGraph"></div></div>
<div id="vpKillsDeathsGraphWrapper"><div id="vpKillsDeathsGraph"></div></div>
<div id="vpDamageGraphWrapper"><div id="vpDamageGraph"></div></div>
<div id="vpBombsGraphWrapper"><div id="vpBombsGraph"></div></div>
直到这一点一切正常,图表有它们的数据,一切都很好,除了一件事,宽度。默认显示的图表 (vpPointsGraph) 具有正确的宽度(包含它们的 div 的 100%),但其他图表的宽度与显示器的宽度相对应,溢出包装器 div。我认为问题在于他们想要获得包装器 div 的宽度,但由于它的隐藏,它们占据了整个屏幕的宽度。有没有什么办法解决这一问题?感谢您的回答。
编辑:我解决了,检查下一个答案以获得解释。