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！

morrisjs区域图表没有显示最后的xLabel

1 个答案: