2013-09-05 1 views
5

Google Charts API를 사용하여 javascript로 데이터를 플로팅합니다. 날짜/시간 데이터보기의 기본 형식은 오전 12시/오후 형식입니다. 보기를 변경하여 24 시간 형식을 표시하려면 어떻게합니까? 기본 날짜 형식이 사용되는 경우 코드의 예는 다음과 같습니다Google 차트의 datetime 데이터에 대한 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); 

답변

9

당신은 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의 대부분을 지원합니다.

+0

질문에 대한 답변은 해당 코드에서 작동하지만 JSON 테이블의 경우 두 가지 방식 모두 작동하지 않습니다. 형식 변경은 무시됩니다. – AntonK

관련 문제