ChartJSに折れ線グラフをプロットする方法は？

Question

ダミーテーブルを作成しましたが、p/l列をタイプ 'line'にプロットしたいと思います。ここに私のコードは、これまでのところです：

var niftyProfit = []; 
var niftyProfitChartData = []; 
var sum = 0; 
data.forEach(function(obj) { 
    niftyProfit.push(obj.profit); 
}); 
for (var i in niftyProfit) { 
    sum = sum + niftyProfit[i]; 
    niftyProfitChartData.push(sum); 
} 

obj.profitは、P/Lの列のデータですが、折れ線グラフに。私は値を設定したいと思います。たとえば、forループで行った値です。 profit = [4,2,-3,-5]とすると、最終的な配列が図表に表示されるのは[4,6,3,-2]になります。どうすればこれを達成できますか？ http://jsfiddle.net/zkrh7/141/

Answer 1

私は以下の変更でjsfiddleを更新しています。

スクリプトで

var data = [{"profit": 345}, {"profit":-4}, {"profit":58}, {"profit": -30}]; 
//or you can use 
var data = [{"profit": 4}, {"profit":2}, {"profit":-3}, {"profit": -5}]; 

populateChartData(data); 

とあなたにも見ることができ、外部リソースとしてチャートライブラリを追加しました。あなただけであればその後も、私はhtmlの

<canvas id="niftyTrackerChart" width="800" height="400"></canvas> 

更新JSFiddleリンク http://jsfiddle.net/muasif80/zkrh7/156/

にキャンバスを追加した

はこれが言っているHow to uses numbers array for line chart?

このリンクを見てください数値を使うと、x軸に対してもラベル配列を定義する必要があります。