web-dev-qa-db-ja.com

chart.jsデータとラベルフィールドでの配列値の使用

配列の値をchart.jsデータセットのデータフィールドとラベルフィールドに渡したいのですが。

ここで、jsonデータをフェッチするために行われたajax呼び出しの成功からのコード。 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
        }]
    }    
});

しかし、いくつかの問題があり、データがグラフに表示されていません

5
Salil Lambay

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
        }]
    }    
});
14
tata.leona

ブラケットをいくつか削除してみることもできます。

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
    }]
},  

私はそれがうまくいくことを願っています。

3
Emil Pausz