javascript - HighCharts と idTabs - グラフの幅が正しく設定されていない

Question

HighCharts および idTabs プラグインがインストールされた Web ページがあります。一度に 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幅を取得したいことだと思いますが、非表示になっているため、画面全体の幅を取ります。とにかくこれを修正する方法はありますか? 回答ありがとうございます。

編集：解決しました。説明については次の回答を確認してください。