Javascript chart.js中条形图中的交替条形图未标记

我在chart.js中制作了一个双条形图，代码如下：

$(document).ready(function () {
    $.ajax({
        url : "http://studyleagueit.com/prashant/data.php",
        method : "GET",
        success : function (data) {
            console.log(data);
            var player = [];
            var des = [];
            var score = [];
            var score1 = [];

            for (var i in data) {
                player.push(data[i].playerid + " " + data[i].des);
                score.push(data[i].score);
                score1.push(data[i].score1);

            }

            var densitydata = {
                label : 'Player Score',
                backgroundColor : 'rgba(200, 200, 200, 0.75)',
                borderColor : 'rgba(200, 200, 200, 0.75)',
                hoverBackgroundColor : 'rgba(200, 200, 200, 1)',
                hoverBorderColor : 'rgba(200, 200, 200, 1)',
                data : score
            }

            var gravitydata = {
                label : 'Player Score',
                backgroundColor : 'rgba(200, 200, 200, 0.75)',
                borderColor : 'rgba(200, 200, 200, 0.75)',
                hoverBackgroundColor : 'rgba(200, 200, 200, 1)',
                hoverBorderColor : 'rgba(200, 200, 200, 1)',
                data : score1
            }

            var chartdata = {
                labels : player,
                datasets : [densitydata, gravitydata]
            };

            var ctx = $("#mycanvas");

            var barGraph = new Chart(ctx, {
                    type : 'bar',
                    data : chartdata
                });
        },
        error : function (data) {
            console.log(data);
        }
    });
});

我正在用

数据[I].playerid+“”+data[I].des标记每个条

但我认为，因为它很长，只有交替的酒吧被贴上标签

有没有办法给所有的图表贴上正确的标签

感谢您的建议
您正在引用数据对象的属性
des
，该属性不存在，并将其与字符串连接起来。因此，如果删除
+数据[i].des
，标签应该会恢复正常。代码中还有其他小问题，例如
var des=[]从未使用过

我简化了您的代码，并直接添加了通过ajax获取的数据：


数据=[{
“playerid”：“Thane”，
“得分”：“10分”，
“分数1”：“15”
}, {
“playerid”：“Dombivli”，
“得分”：“20分”，
“分数1”：“25”
}, {
“playerid”：“Byculla”，
“得分”：“25分”，
“分数1”：“5”
}, {
“玩家ID”：“CST”，
“得分”：“20分”，
“分数1”：“2”
}, {
“playerid”：“孟买中心”，
“得分”：“25分”，
“分数1”：“4”
}]
变量player=[]，score=[]，score1=[]；
用于（数据中的var i）{
player.push（数据[i].playerid）；//数据[i].des不存在
score.push（数据[i].score）；
score1.push（数据[i].score1）；
}
var densitydata={
标签：“球员得分”，
背景颜色：“rgba（2002002000.75）”，
边框颜色：“rgba（2002002002000.75）”，
hoverBackgroundColor:'rgba（2002002002001）'，
hoverBorderColor:'rgba（2002002002001）'，
数据：得分
}
变量重力数据={
标签：“球员得分”，
背景颜色：“rgba（230，230，230，0.75）”，
边框颜色：“rgba（2002002002000.75）”，
hoverBackgroundColor:'rgba（2002002002001）'，
hoverBorderColor:'rgba（2002002002001）'，
数据：1分
}
var图表数据={
标签：播放器，
数据集：[密度数据，重力数据]
};
var ctx=$（“我的画布”）；
var条形图=新图表（ctx{
类型：'bar'，
数据：图表数据
});