Изменение значений по оси X в линейном графике morris

Question

Я написал простой линейный граф morris, чтобы зафиксировать, сколько было собрано в определенный момент времени.
JSFiddle: https://jsfiddle.net/Lvdn7xLa/2/
Morris js code:

Morris.Line({ 
    element: 'line-example', 
    data: [{ 
    y: '6.30AM', 
    a: 20 
    }, { 
    y: '7.30AM', 
    a: 40 
    }, { 
    y: '8.30AM', 
    a: 60 
    }, { 
    y: '9.30AM', 
    a: 80 
    }, { 
    y: '10.30AM', 
    a: 100 
    }, { 
    y: '11.30AM', 
    a: 120 
    }, { 
    y: '12.30PM', 
    a: 140 
    }], 
    xkey: 'y', 
    ykeys: ['a'], 
    labels: ['Amount collected'] 
}); 

Однако time значения не отображаются в X-axis. Появляются некоторые несвязанные годы. Если изменить xkey: 'y', ykeys: ['a'] к xkey: ['a'], ykeys: 'y', то я получаю странные результаты, как

Thu Jan 01 1970 05:30:00 GMT+0530 (India Standard Time) 
Amount collected: 6.3 

Как я могу сделать значение времени появляется в X-axis?

Answer 1

Добавить

parseTime: false 

в конфигурации диаграммы.

Это

пропуска времени/даты синтаксического анализа для значений X, вместо того, чтобы рассматривать их как равномерным разносом серии.

В противном случае вам нужно будет корректировать значения «Х» либо миллисекунды или действительного Date/строку времени, которая может быть разобранной

Строка, содержащая имя атрибута, который содержит дату (X) значений. Timestamps принимаются в виде миллисекунды временные метки (как возвращено Date.getTime (или) в виде строк в следующих форматах:

• 2012 Q1
• 2012 W1
• 2012-02
• 2012-02-24
• 2012-02-24 15:00
• 2012-02-24 15:00:00
• 2012-02-24 15: 00: 00,000

http://jsbin.com/walekitori/edit?html,js,output