在Google Charts中将日期时间数据更改为24小时格式

Question

我正在使用Google Charts API使用javascript绘制数据.datetime数据视图的默认格式是12小时上午/下午格式.如何更改视图以显示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日期格式设置模式.