Google Chartsで日時データの24時間形式に変更

Question

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のほとんどをサポートしています。