Javascript 使用chart.js绘制条形图

我正在尝试使用chart.js绘制条形图。只是无法在屏幕上显示任何内容，没有显示错误消息。我做错了什么

cdn

var收入=document.getElementById（“收入”）.getContext（“2d”）；
新图表（收入）。条形图（barData）；
var barData={
标签：[“一月”、“二月”、“三月”、“四月”、“五月”、“六月”]，
数据集：[
{
fillColor:#48A497“，
strokeColor:#48A4D1“，
数据：[456479324569702600]
},
{
填充颜色：“rgba（73188170,0.4）”，
strokeColor:“rgba（72174209,0.4）”，
数据：[364504605400345320]
}
]
} 

在使用barData数据对象之前，应在顶部对其进行定义，如下所示：

var barData = {
labels : ["January","February","March","April","May","June"],
datasets : [
    {
        fillColor : "#48A497",
        strokeColor : "#48A4D1",
        data : [456,479,324,569,702,600]
    },
    {
        fillColor : "rgba(73,188,170,0.4)",
        strokeColor : "rgba(72,174,209,0.4)",
        data : [364,504,605,400,345,320]
    }

]
};

var income = document.getElementById("income").getContext("2d");
new Chart(income).Bar(barData);

---

您不能在barData之前加载图表，无需更改任何内容，只需在barData之后加载图表

var barData = {
labels : ["January","February","March","April","May","June"],
datasets : [
{
    fillColor : "#48A497",
    strokeColor : "#48A4D1",
    data : [456,479,324,569,702,600]
},
{
    fillColor : "rgba(73,188,170,0.4)",
    strokeColor : "rgba(72,174,209,0.4)",
    data : [364,504,605,400,345,320]
}

]
};

var income = document.getElementById("income").getContext("2d");
new Chart(income).Bar(barData);

var barData = {
labels : ["January","February","March","April","May","June"],
datasets : [
{
    fillColor : "#48A497",
    strokeColor : "#48A4D1",
    data : [456,479,324,569,702,600]
},
{
    fillColor : "rgba(73,188,170,0.4)",
    strokeColor : "rgba(72,174,209,0.4)",
    data : [364,504,605,400,345,320]
}

]
};

var income = document.getElementById("income").getContext("2d");
new Chart(income).Bar(barData);