javascript - morrisjs 面积图不显示最后一个 xLabel

Question

这是我的代码:

 var months = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
Morris.Area({
    element: 'chart_area',
    data: [{
        m: '2016-7',
        value: 19
    }, {
        m: '2016-6',
        value: 2
    }, {
        m: '2016-5',
        value: 3
    }],
    xkey: 'm',
    ykeys: ['value'],
    labels: ['Total Hit'],
    yLabelFormat: function(y) {
        return y != Math.round(y) ? '' : y;
    },
    xLabelFormat: function(x) {
        var month = months[x.getMonth()];
        return month;
    },
    dateFormat: function(x) {
        var month = months[new Date(x).getMonth()];
        return month;
    }
});

这是fiddle我创造了。 7 月 xLabel 末尾缺失。

任何帮助将不胜感激。谢谢!

Answer 1

将 xLabels 选项添加到 Morris 初始化中，并将间隔设置为“月”，如下所示:

Morris.Area({
    ...
    xLabels: 'month',
    ...
});

这是一个fiddle在行动中展示它!