Javascript 使用chartjs的第二个图表不会显示在站点上

我有两张图表，但只有第一张显示在网站上。我甚至可以将第一个图表复制粘贴到第二个图表所在的位置，但它仍然不会显示

我的第一张图表：

<div class="main_body-child-table-barchart">
                        <canvas id="Chart"></canvas>
                            <script>
                            var ctx_2 = document.getElementById("Chart").getContext('2d');
                            var Chart = new Chart(ctx_2, {
                                type: 'bar',
                                data: {
                                  labels: <?php echo json_encode($arr_macd_dates_formated); ?>,
                                  datasets: [
                                    {
                                      label: '<?php echo $str_macd, $arr_macd_name[0]  ; ?>',
                                      backgroundColor: ["#faae00"],
                                      data: <?php echo json_encode($arr_macd_diff); ?>
                                    }
                                  ]
                                },
                                options: {
                                  legend: { display: false },
                                  title: {
                                    display: true,
                                    }
                                }
                            });
                            </script>
                    </div>

var ctx_2=document.getElementById（“图表”）.getContext（“2d”）；
var图表=新图表（ctx_2{
类型：'bar'，
数据：{
标签：，
数据集：[
{
标签：“”，
背景颜色：[“faae00”]，
数据：
}
]
},
选项：{
图例：{display:false}，
标题：{
显示：对，
}
}
});

我的第二张图表：

<div class= "main_body-child-table-barchart_sma">
                        <div> <canvas id="barChart" width="600" height="400" ></canvas> </div>
                            <script>
                            var canvas = document.getElementById('barChart');
                            var ctx2 = canvas.getContext('2d');
                            var myChart_2 = new Chart(ctx2, {
                               type: 'line',
                               data: {
                                  labels: ["2010", "2011", "2012", "2013"],
                                  datasets: [{
                                     label: 'Dataset 1',
                                     data: [150, 200, 250, 150],
                                     color: "#878BB6",
                                  }, {
                                     label: 'Dataset 2',
                                     data: [250, 100, 150, 10],
                                     color: "#4ACAB4",
                                  }]
                               }
                            });

                            </script>
                    </div>

var canvas=document.getElementById（'barChart'）；
var ctx2=canvas.getContext（'2d'）；
var myChart_2=新图表（ctx2{
键入：“行”，
数据：{
标签：[“2010”、“2011”、“2012”、“2013”]，
数据集：[{
标签：“数据集1”，
数据：[150200250150]，
颜色：#878BB6“，
}, {
标签：“数据集2”，
数据：[25010015010]，
颜色：“4ACAB4”，
}]
}
});

---

您可以查看该网站，并查看数据是否已通过，但图表未显示：

您在页面中包含了一个

Chart.min.js'

（请注意正确的单引号，将其删除）。老实说，我没有添加该行，也无法在代码中找到它。但是一个图表显示了，而第二个图表没有显示。使用chrome devtools和网络窗格“按状态排序”，您将看到由于输入错误（单引号）而没有加载此文件。这会影响站点中的其他脚本，这可能是一个原因。我切换到Highcharts。简单多了，伙计，没问题这对你学习使用Chrome上的devtools面板有好处。如今，这些孩子拥有这些很棒的工具，但仍然拒绝学习：）