2011-11-10 76 views
0

我想出來的單槓RGraph演示與此代碼和它的偉大工程:如何使用日期作爲值並沿着RGraph中的X軸?

var data = [1, 40, 30]; 
var hbar = new RGraph.HBar('myCanvas', data); 
hbar.Set('chart.labels', ['Richard', 'Alex', 'Nick']); 
hbar.Set('chart.background.barcolor1', 'white'); 
hbar.Set('chart.background.barcolor2', 'white'); 
hbar.Set('chart.background.grid', true); 
hbar.Set('chart.colors', ['red']); 
hbar.Draw(); 

有沒有一種方法,我可以使用Date對象,而不是數字?我不能讓它使用的東西一樣

var data = [new Date(1000), new Date(2000), new Date(3000)]; 
+0

爲什麼你需要使用日期對象?你能解釋你到底在做什麼嗎? – pradeek

+0

我想顯示水平直方圖,其值是顯示類似時間線圖的日期。 –

回答

1

工作,在這種情況下,你可以這樣做:

var data, dates = [new Date("11/16/2011"), new Date("11/17/2011"), new Date("11/18/2011")], labels = []; 
// Get the date from the date objects 
for(var i = 0, len = dates.length; i < len; i++) { 
    // Data for the graph 
    data[i] = dates[i].getDate(); 

    // Labels for each data entry 
    labels[i] = dates[i].getDate() + "/" + dates[i].getMonth() + "/" + dates[i].getYear(); 
} 
var hbar = new RGraph.HBar('myCanvas', data); 
hbar.Set('chart.labels', labels); 

/// rest of the code 

Date對象上MDN:https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/Date

+0

感謝您的建議。但這只是交易的一部分,因爲我沒有在X軸上獲得好的日期標籤... –

+0

你想在標籤中顯示什麼?你能清楚地說清楚嗎? – pradeek

+0

嗯,我想用日期而不是數字 - 用我可以定義的格式格式化,例如「YYYY-MM-DD」。 –