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.Area({
    ...
    xLabels: 'month',
    ...
});

这是一个实际演示它的fiddle！