morris.js - 月份名稱（2014年1月）而不是2014-01

Question

例如，我想將我的x標籤顯示爲「2014年1月」，而不是「2014-01」。

我的數據的JSON看起來是這樣的：

[ 
    { 
    "product1": 2, 
    "product2": 0, 
    "period": "2013-05" 
    }, 
... 

Answer 1

OP找到了解決辦法使用xLabelFormat和dateFormat：

Morris.Line({ 
    element: 'morris-line-chart', 
    data: <?php echo $morris_line_json; ?>, 
    xkey: 'period', 
    ykeys: ['product1', 'product2'], 
    labels: ['Product 1', 'Product 2'], 
    hideHover: 'auto', 
    xLabelAngle: 70, 
    xLabelFormat: function (x) { 
     var IndexToMonth = [ "Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez" ]; 
     var month = IndexToMonth[ x.getMonth() ]; 
     var year = x.getFullYear(); 
     return year + ' ' + month; 
    }, 
    dateFormat: function (x) { 
     var IndexToMonth = [ "Jan", "Feb", "Mär", "Apr", "Mai", "Jun", "Jul", "Aug", "Sep", "Okt", "Nov", "Dez" ]; 
     var month = IndexToMonth[ new Date(x).getMonth() ]; 
     var year = new Date(x).getFullYear(); 
     return year + ' ' + month; 
    }, 
    resize: true 
}); 

Answer 2

在條形圖的情況下，要小心，因爲對象在xLabelFormat的參數中不是日期！

xLabelFormat: function (x) { 
    x.src; // this is all the data 
    x.src.date; // this is probably what you are looking for 
       // depends how you provided it, but it's probably a string and not a Date object 
} 

測試了0.5.1