morris.js 문제 (x 축) 시간 :

Question

Google Analytics 잠재 고객 개요 그래프와 같은 것을 만들려고합니다. 내가 x 축

이에 오후 11 오전 12:00 자정부터 시작하는 시간을 넣어 시도하고 내가 현재 사용하고 무엇을 :

x 축은 1900, 1910, 1920이된다

Morris.Line({ 

    element: 'chart_div_compare', 

    data: [    
     { hours: '00:00', a: 793, b: 729}, 
     { hours: '01:00', a: 524, b: 537}, 
     { hours: '02:00', a: 337, b: 347}, 
     { hours: '03:00', a: 272, b: 213}, 
     { hours: '04:00', a: 176, b: 169}, 
     { hours: '05:00', a: 174, b: 147}, 
     { hours: '06:00', a: 212, b: 193}, 
     { hours: '07:00', a: 341, b: 294}, 
     { hours: '08:00', a: 551, b: 501}, 
     { hours: '09:00', a: 724, b: 692}, 
     { hours: '10:00', a: 880, b: 896}, 
     { hours: '11:00', a: 955, b: 1004}, 
     { hours: '12:00', a: 1053, b: 1142}, 
     { hours: '13:00', a: 1063, b: 1150}, 
     { hours: '14:00', a: 92, b: 1123}, 
     { hours: '15:00', a: 0, b: 1151}, 
     { hours: '16:00', a: 0, b: 1222}, 
     { hours: '17:00', a: 0, b: 1155}, 
     { hours: '18:00', a: 0, b: 1246}, 
     { hours: '19:00', a: 0, b: 1100}, 
     { hours: '20:00', a: 0, b: 1199}, 
     { hours: '21:00', a: 0, b: 1395}, 
     { hours: '22:00', a: 0, b: 1361}, 
     { hours: '23:00', a: 0, b: 1005}, 
    ], 
    // The name of the data record attribute that contains x-values. 
    xkey: 'hours', 
    hideHover: 'auto', 
    // A list of names of data record attributes that contain y-values. 
    ykeys: ['a', 'b'], 
    // Labels for the ykeys -- will be displayed when you hover over the 
    // chart. 
    labels: ['2014-04-16', '2014-04-14'] 
}); 

근무 시간 열의 형식이 잘못 되었습니까? 나는 이것이 바로 그래프로 얻는 방법을 파악하지 못할하지만 궁극적으로 나는 등 오전 12시 1:00 오전,하고 싶은

Answer 1

난 그냥 어쩌면 당신은 다음과 같은 옵션을 사용할 수 있습니다, 같은 문제로 들어갔다 :

를

parseTime: false 

또는 xlabel의 형식 방법을 사용자 정의 할 수 있습니다. 자세한 내용은 this website 및 morris on github을 확인하십시오.