2016-08-10 6 views
0

配列の値をchart.jsデータセットのdataフィールドとlabelフィールドに渡したいとします。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 
     }] 
    }  
}); 

しかし、そこにいくつかの問題はそうと、データがチャート

+0

LabelResult [counter] = [Data [counter] .TIME];でLabelResultに値が挿入されています。 –

+0

はいこれはそれらの宣言方法です。var LabelResult = []; var DataResult = []; –

+0

スタックのようにすべての配列の値を持つラベルが1つしかないように見えます。 –

答えて

2

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 
     }] 
    }  
}); 
+0

ありがとう:)トリックをした! –

+0

ラベルの場合は動作しているようですがLabelResultの場合:DataResult –

1

私はあなたには、いくつかのブラケットを削除しようとすることができると思います。

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

私は意志が機能することを願っています。

+0

AWESOME!魔法のように働いた! –

+0

の場合は動作しているようですが、ラベルの場合:LabelResultただし、データの場合:DataResult –

関連する問題