2012-06-05 46 views
0

我正在嘗試使用面積圖創建顯示過去七天數據的圖表。Hightcharts在X軸上顯示月份日期

有沒有辦法在x軸上動態顯示highcharts七天?

格式:6月2日,6月3日等

enter image description here

+2

爲什麼要highcharts做這項工作?由於您的數據很可能來自數據庫,因此您可以在此處更有效地執行您的選擇。 – dgw

+0

由於數據不會改變,我認爲它更好,我將代碼的一部分硬編碼到Javascript本身 –

+1

動態數據如何不能改變?那不是靜態的嗎? – dgw

回答

6

爲什麼不製作xAxis日期時間並傳入日常值,然後將xAxis min設置爲距離最後一個點7天?

這裏是做什麼的例子:jsFiddle

爲HighCharts最重要的環節:Reference

因爲我們不知道你是如何在數據拉動和發送到HighCharts剩下的就到您。主要的是閱讀參考文檔。 HighCharts是瘋狂的強大和高度可定製的。另外,如果您有基於時間的數據集,請確保您傳入的數據按時間順序排列。雖然它不會失敗渲染你的混亂值,但它會看起來很奇怪,並導致大規模的歇斯底里。

+0

非常感謝:)現在有了這個想法 –

2
var x = new Array(); 

for(i=0;i<30; $i++) 
     { 
     x[i]="June "+x[i]; 
     } 

/*圖表對象*/

chart = new Highcharts.Chart({ 
     chart: { }, 
     . 
     . 
     xAxis: { 
      categories: x 
     } 
}); 

之前定義x軸排列,然後使用呼叫highchart圖表功能。

+0

我希望日期是動態的。因爲它應該採取今天的日期和前6天 –

相關問題