Javascript 条形图不会与chart.js一起出现

我是一个尝试Chart.js的初学者，我在让条形图出现时遇到了麻烦。当我尝试运行这段代码时，我得到的只是一个空白屏幕，你知道为什么吗

<div id="chart">
<canvas id="myGraph" width="400" height="400"></canvas>
</div>

<script>
var myData = {
        labels: ["2000", "2001", "2002", "2003"],
        datasets: [{
        label: 'Test chart',
        data: [20, 50, 10, 12],
        backgroundColor: [
            'rgba(255, 99, 132, 0.2)',
            'rgba(54, 162, 235, 0.2)',
            'rgba(255, 206, 86, 0.2)',
            'rgba(75, 192, 192, 0.2)',
            'rgba(153, 102, 255, 0.2)',
            'rgba(255, 159, 64, 0.2)'
        ],
        borderColor: [
            'rgba(255,99,132,1)',
            'rgba(54, 162, 235, 1)',
            'rgba(255, 206, 86, 1)',
            'rgba(75, 192, 192, 1)',
            'rgba(153, 102, 255, 1)',
            'rgba(255, 159, 64, 1)'
        ],
        borderWidth: 1
    }]
   },
});

var ctx = document.getElementById("myGraph").getContext("2d");
var debt = new Chart(ctx).Bar(myData);

</script>

var myData={
标签：[“2000”、“2001”、“2002”、“2003”]，
数据集：[{
标签：'测试图表'，
数据：[20,50,10,12]，
背景颜色：[
"rgba(255,99,132,0.2)",，
“rgba（54162235,0.2）”，
"rgba(255,206,86,0.2)",，
“rgba（751921920.2）”，
“rgba（153102255,0.2）”，
‘rgba（255、159、64、0.2）’
],
边框颜色：[
"rgba(255,99132,1)",，
“rgba（54162235,1）”，
"rgba(255,206,86,1)",，
"rgba(751921921)",，
"rgba(153102255,1)",，
‘rgba（255、159、64、1）’
],
边框宽度：1
}]
},
});
var ctx=document.getElementById（“myGraph”）.getContext（“2d”）；
var债务=新图表（ctx）.Bar（myData）；

您的JSON文本中有几个输入错误。 我这样重写了它（参见JSFIDLE）

---

您的JSON文本中有几个输入错误。 我这样重写了它（参见JSFIDLE）

---

删除“，}）；”最后，在'var ctx'@natchkebiailia Hi'之前，我尝试了它，但没有成功。删除'，}）；'最后，在“var ctx”@natchkebiailia Hi之前，我尝试了它，但没有成功。

var config = {
        type: 'bar',
        data: {
        labels: ["2000", "2001", "2002", "2003"],
        datasets: [{
        label: 'Test chart',
        data: [20, 50, 10, 12],
        backgroundColor: [
            'rgba(255, 99, 132, 0.2)',
            'rgba(54, 162, 235, 0.2)',
            'rgba(255, 206, 86, 0.2)',
            'rgba(75, 192, 192, 0.2)',
            'rgba(153, 102, 255, 0.2)',
            'rgba(255, 159, 64, 0.2)'
        ],
        borderColor: [
            'rgba(255,99,132,1)',
            'rgba(54, 162, 235, 1)',
            'rgba(255, 206, 86, 1)',
            'rgba(75, 192, 192, 1)',
            'rgba(153, 102, 255, 1)',
            'rgba(255, 159, 64, 1)'
        ],
        borderWidth: 1
    }]
  }
};
var ctx = document.getElementById("myGraph");
var debt = new Chart(ctx, config);