Thay đổi định dạng 24 giờ cho dữ liệu datetime trong Biểu đồ Google

Question

Im vẽ dữ liệu bằng javascript bằng API Google Charts. Định dạng mặc định cho chế độ xem dữ liệu datetime là định dạng 12 giờ sáng/chiều. Làm cách nào để thay đổi chế độ xem hiển thị định dạng 24 giờ? Một ví dụ về mã được hiển thị bên dưới, nơi mà các định dạng datetime mặc định được sử dụng:

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

Bạn cần định dạng datetimes sử dụng một 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); 

Bạn có thể định dạng các nhãn trục bằng cách thiết lập các tùy chọn hAxis.format:

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

Các định dạng ngày hỗ trợ hầu hết các ISO date formatting patterns.