更改morris線性圖中X軸的值

我寫了一個簡單的morris線性圖來捕獲在特定時間收集了多少。
的jsfiddle：https://jsfiddle.net/Lvdn7xLa/2/
Morris js code:更改morris線性圖中X軸的值

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值不是出現。一些不相關的年份正在出現。如果我改變xkey: 'y', ykeys: ['a']到xkey: ['a'], ykeys: 'y'，然後我得到這樣

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

奇怪的結果怎樣才能讓時間值將出現在？

來源

2016-08-18 Ajay Kulkarni

我不相信你'x'值根據文檔是合法的。但我對莫里斯沒有任何經驗。 –

你的意思是我不能在morris圖中使用小數？ –

我的意思是說，莫里斯正在尋找以毫秒時間戳（由Date.getTime（）返回的形式或以下格式的字符串形式的時間戳： '2012'， '2012年1月1日， –

添加

parseTime: false

到您的圖表配置。

這將

跳過的X值的時間/日期的解析，而不是把它們作爲等距系列。

否則，你將需要調整你的「X」值要麼毫秒或可以分析

含有包含日期屬性名稱的字符串的有效日期/時間字符串（X ）值。時間戳被接受在毫秒的時間戳形式（以下格式由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

來源

2016-08-18 13:26:38

很酷，非常感謝... –

你是否介意接受這個答案，如果它解決了你的問題？如果不是，我會很樂意嘗試幫助其他任何東西。 –

是的，我接受了你的答案 –

更改morris線性圖中X軸的值

回答

相關問題