我有一个安装了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宽度,但是因为它隐藏了它们占据整个屏幕宽度 . 有没有什么办法解决这一问题?谢谢你的回答 .
编辑:我解决了,检查下一个答案进行解释 .
1 回答
解决方案:http://jsfiddle.net/5kLdG/我所做的只是获取容器的宽度我希望图表适合,并将其设置在highcharts 'width'参数中 . 我不知道它是否是最好的解决方案,但它对我有用 .