Jquery 使用Chart.js和引导转盘

我正在尝试将twp图表添加到引导旋转木马中，但收效甚微。当我在.carousel内部元素中有两个图表时，它们要么堆叠，要么一个未加载。我已经在carousel元素之外并排测试了这两个图表，它们工作得很好。我还在另一个旋转木马中测试了这两个图表，这个转盘工作得非常好，直到我添加了这两个图表。我已经想了好几个小时了，谁来帮忙，谢谢

<div id="hourComparison" class="carousel slide">

    <div class="carousel-inner">        
        <div class="item active">
            <div class="container">
                <div class="col-md-4 chart"><canvas id="oneHour" width="500" height="500"></canvas></div>
                <div class="col-md-8">Lorem ipsum Sunt Ut eu sed dolore incididunt irure culpa ea in adipisicing fugiat dolore tempor Ut dolor eu Ut adipisicing eu.</div>
            </div> <!-- End .container -->
        </div> <!-- End .item -->

        <div class="item">
            <div class="container">
                <div class="col-md-4 chart"><canvas id="twoHour" width="500" height="500"></canvas></div>
                <div class="col-md-8">Lorem ipsum Sunt Ut eu sed dolore incididunt irure culpa ea in adipisicing fugiat dolore tempor Ut dolor eu Ut adipisicing eu.</div>
            </div> <!-- End .container -->
        </div> <!-- End .item -->
    </div> <!-- End .carousel-inner -->

    </div> <!-- End #hourComparison -->

    var doughnutDataOne = [
    {
        value: 50,
        color:"#f47d31",
        highlight: "#f47d31",
        label: "5 Minutes"
    },
    {
        value: 100,
        color: "#82ccc8",
        highlight: "#82ccc8",
        label: "10 Minutes"
    },
    {
        value: 50,
        color: "#57bb89",
        highlight: "#57bb89",
        label: "5 Minutes"
    },
    {
        value: 50,
        color: "#facb43",
        highlight: "#facb43",
        label: "5 Minutes"
    },
    {
        value: 270,
        color: "#4c5365",
        highlight: "#4c5365",
        label: "35 Minutes"
    }

    ];

    var doughnutDataTwo = [
    {
        value: 50,
        color:"#f47d31",
        highlight: "#f47d31",
        label: "5 Minutes"
    },
    {
        value: 100,
        color: "#000",
        highlight: "#82ccc8",
        label: "10 Minutes"
    },
    {
        value: 50,
        color: "#57bb89",
        highlight: "#57bb89",
        label: "5 Minutes"
    },
    {
        value: 50,
        color: "#facb43",
        highlight: "#facb43",
        label: "5 Minutes"
    },
    {
        value: 270,
        color: "#4c5365",
        highlight: "#4c5365",
        label: "35 Minutes"
    }

    ];


    var ctx = document.getElementById("oneHour").getContext("2d");
    window.chartOne = new Chart(ctx).Doughnut(doughnutDataOne, {
    responsive: true
    });


   var ctx2 = document.getElementById("twoHour").getContext("2d");
    window.chartTwo = new Chart(ctx2).Doughnut(doughnutDataTwo, {
        responsive: true
    });

同样的道理，也不能因为一个人的过失而导致另一个人的过失，而是因为一个人的暂时过失而导致另一个人的过失。
同样的道理，也不能因为一个人的过失而导致另一个人的过失，而是因为一个人的暂时过失而导致另一个人的过失。
var doughnutDataOne=[
{
价值：50，
颜色：“f47d31”，
亮点：“f47d31”，
标签：“5分钟”
},
{
数值：100，
颜色：“82ccc8”，
亮点：“82ccc8”，
标签：“10分钟”
},
{
价值：50，
颜色：“57bb89”，
亮点：“57bb89”，
标签：“5分钟”
},
{
价值：50，
颜色：“facb43”，
亮点：“facb43”，
标签：“5分钟”
},
{
价值：270，
颜色：“4c5365”，
亮点：“4c5365”，
标签：“35分钟”
}
];
var doughnutDataTwo=[
{
价值：50，
颜色：“f47d31”，
亮点：“f47d31”，
标签：“5分钟”
},
{
数值：100，
颜色：“000”，
亮点：“82ccc8”，
标签：“10分钟”
},
{
价值：50，
颜色：“57bb89”，
亮点：“57bb89”，
标签：“5分钟”
},
{
价值：50，
颜色：“facb43”，
亮点：“facb43”，
标签：“5分钟”
},
{
价值：270，
颜色：“4c5365”，
亮点：“4c5365”，
标签：“35分钟”
}
];
var ctx=document.getElementById（“一小时”）.getContext（“2d”）；
window.chartOne=新图表（ctx）.Doughnut（doughnutDataOne{
回答：对
});
var ctx2=document.getElementById（“两小时”）.getContext（“2d”）；
window.chartwo=新图表（ctx2）.Doughnut（doughnutDataTwo{
回答：对
});

您使用Bootstrap 2.3.2有什么原因吗？我没有，我使用的是最新版本version@Matt你能解决这个问题吗？