将Highchart问题添加到引导程序轮播中

Question

我试图在引导程序轮盘上使用Highcarts添加图表。我只添加了两个图表，并将其放置在两个不同的滑块内，当我运行它时，第一张幻灯片看起来不错，但是在下一张幻灯片中，图表的宽度变小。我尝试了其他的解决方法，我发现在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

我会尝试把图表中的简单的纯HTML文件，然后将其嵌入像引导旋转木马的iframe，例如：

<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>