Ändern Sie zu einem 24-Stunden-Format für Datetime-Daten in Google Charts

Question

Im Plotten von Daten mit JavaScript mit der Google Charts API. Das Standardformat für die Datetime-Datenansicht ist das 12-Stunden-Format am/pm. Wie kann ich die Ansicht ändern, um ein 24-Stunden-Format anzuzeigen? Ein Beispiel-Code wird unten dargestellt, wobei die Standarddatetime-Format verwendet wird:

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

Sie müssen die Datetimes zu formatieren Sie eine DateFormatter verwenden.

// 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); 

können Sie die Etiketten Achse formatieren, indem die hAxis.format Einstellmöglichkeit:

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

Die Datumsformate die meisten der ISO date formatting patterns unterstützen.