ブートストラップカルーセルに追加したときのハイチャートの問題

Question

ブートストラップカルーセルにHighcartsを使ってグラフを追加しようとしました。私はちょうど2つのグラフを追加し、2つの異なるスライダーの中に入れ、私はそれを実行すると、最初のスライドは大丈夫だが、次のスライドでは、グラフの幅が小さくなった。私はhereで見つけた他の回避策を試しましたが、喜びはありませんでした。

HTML：

<div id="chart-slider" class="carousel slide" data-ride="carousel"> 
     <!-- Indicators --> 
    <ol class="carousel-indicators"> 
     <li data-target="#chart-slider" data-slide-to="0" class="active"></li> 
     <li data-target="#chart-slider" data-slide-to="1"></li> 
    </ol> 

    <!-- Wrapper for slides --> 
    <div class="carousel-inner" role="listbox"> 
     <div class="item active"> 
     <div id="chart-two" class="chart-container"></div> 
    </div> 

    <div class="item" class="chart-container"> 
     <div id="chart-three"></div> 
    </div> 
    </div> 

Answer 1

私は、例えば、ブートストラップカルーセルでiframeのようにそれを埋め込み、シンプルなプレーンなHTMLファイルでチャートを配置しようとします：

<div class="carousel-inner" role="listbox"> 
     <div class="item active"> 
     <iframe src="your-chart1.html"></iframe> 
     </div> 
     <div class="item" class="chart-container"> 
     <iframe src="your-chart2.html"></iframe> 
     </div> 
</div>