2012-03-28 45 views
0

我想輸出X軸與它的日期。我目前使用flot api,並且想在x軸tick上輸出日期,如xx/Mar/2012。基本上,我會使用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軸:

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

從海軍報API:

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

如果你想在x軸上的字符串標籤,你需要做的一個單獨的數組「滴答」搜索一節「自定義軸」 api。
DEMO

就日期而言,flot具有本地支持,並且格式可自定義。在api中搜索secion「時間序列數據」。
DEMO

+0

至於-1到1的問題,這可能是您如何調用繪圖函數的錯誤。根據你定義'graph'的方式,你需要使用$ .plot(placeholder,[data],options)而不是$ .plot(佔位符,數據,選項) – wwv 2012-03-28 22:02:14

+0

好!這很棒! – Eugene 2012-03-29 00:15:18