2012-03-28 13 views
0

x軸に日付を出力しようとしています。私は現在flot apiを使用していますが、xx/Mar/2012のような日付をx軸目盛りに出力したいとします。基本的には、graph.push [[tt、demand [i]];を使って日付をプッシュします。 ttは2012年3月28日になることができます。しかし、私のグラフは私の軸上でこの出力を生成しませんが、その代わり、-1 1の値は、ここに日付をプッシュする私のコードです:Flot X軸(日付を出力できません)

for (var i = 0; i <= y; i += 1) { 

var splitdates = dates[i].split(" "); 

var tt = splitdates[0]+"/"+splitdates[1]+"/"+splitdates[2]; 

graph.push([tt, demand[i]]); 
} 

はここでのx軸プロットする私のコードです: FLOT APIから

var options = { 
series: { 
     lines: { show: true }, 
     points: { show: true } 
     }, 
     grid: { hoverable: true, clickable: true }, 
     yaxis: { min: 0, max: 7000 }, 
     xaxis: { 
     tickFormatter: function(value){ 
     return value; 
     } 
          } 

答えて

1

Note that to simplify the internal logic in Flot both the x and y values must be numbers 

あなたはx軸上の文字列のラベルをしたい場合は、あなたが「軸のカスタマイズ」セクションを検索する「チック」の別々の配列を作成する必要がありAPI。
DEMO

日付の場合でも、flotにはネイティブサポートがあり、フォーマットはカスタマイズ可能です。 api内のsecion "時系列データ"を検索します。

+0

-1から1の問題は、プロット関数の呼び出し方法のエラーとなる可能性があります。 'graph'の定義に基づいて、$ .plot(プレースホルダ、データ、オプション)とは対照的に$ .plot(プレースホルダ、[データ]、オプション)を使用する必要があります – wwv

+0

Nice!これは素晴らしい! – Eugene

関連する問題