更改爲Google圖表中日期時間數據的24小時格式

Question

Im使用Google Charts API繪製JavaScript數據。日期時間數據視圖的默認格式是12小時am/pm格式。如何更改視圖以顯示24小時格式？的代碼的一個例子如下所示，其中使用默認日期時間格式：

var price_data = new google.visualization.DataTable(); 
     price_data.addColumn('datetime','Time'); 
     price_data.addColumn('number','Price [øre/KWh]'); 

price_data.add_row([new Date(2013,23,3,4,5),3]) 
price_data.add_row([new Date(2013,1,5,4,5),9]) 

var options = { 
     title: 'Price' 
    }; 

var chart = new google.visualization.LineChart(document.getElementById('chart_div')); 
chart.draw(data, options); 

Answer 1

需要使用DateFormatter格式化日期時間。

// format dates 
// ex: "August 5, 2013 1:45 PM" formatted as "05/08/2013 13:45" 
var dateFormatter = new google.visualization.DateFormat({pattern: 'dd/MM/yyyy HH:mm'}); 
dateFormatter.format(data, 0); 

您可以通過設置hAxis.format選項格式軸標籤：

var options = { 
    hAxis: { 
     format: 'dd/MM/yyyy HH:mm' 
    } 
    title: 'price' 
}; 

的日期格式支持大多數ISO date formatting patterns的。