Question

我希望将数组的值传递给chart.js数据集的数据和标签字段。

这里是ajax调用成功的代码，用于获取json数据。我获取json数据并将其存储到数组中。

Data = jQuery.parseJSON(result);
var count = Data.length;
var counter = 0;
while(count > 0) {
    LabelResult[counter] =[Data[counter].TIME];
    counter++;
    count --;
}

现在我希望将此标签值用于标签文件。

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: [LabelResult],
        datasets: [{
            label: '# of Votes',
            data: [DataResult],
            borderWidth: 1
        }]
    }    
});

但似乎存在一些问题，数据未在图表上呈现

Answer 1

LabelResult是一个数组，更改

labels: [LabelResult]

到

labels: LabelResult

此外：

data: [DataResult]

到

data: DataResult

像：

var myChart = new Chart(ctx, {
    type: 'bar',
    data: {
        labels: LabelResult,
        datasets: [{
            label: '# of Votes',
            data: DataResult,
            borderWidth: 1
        }]
    }    
});

Answer 2

我认为您可以尝试删除一些括号。

while(count > 0){
     LabelResult[counter] = Data[counter].TIME; // here removed brackets
      counter++;
      count --;
}

和

data: {
    labels: LabelResult, // here removed brackets
    datasets: [{
        label: '# of Votes',
        data: DataResult, // here removed brackets
        borderWidth: 1
    }]
},

我希望这会奏效。

在chart.js数据和标签字段中使用数组值

2 个答案: