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

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 数据和标签字段中使用数组值

using array values in chart.js data and label field

javascript

arrays

ajax

chart.js

chart.js2