在莫里斯条形图中对齐x轴标签

Question

我有一个Morris条形图，默认情况下x轴标签右对齐，如图所示：

我想在中心对齐它。我怎么能这样做？

这是我使用的配置代码：

$.ajax({
    url: hostwithProtocol + '/Home/GetChartData' + "?startDate=" + startDate + "&endDate=" + endDate,
    type: "post",
    dataType: "json",
    success: function (result) {

        for (var i = 0; i < result.length; i++) {
            sLanding.push({u: (i + 1).toString(), a: result[i].Count, y: result[i].Referrer });
        }
        Morris.Bar({
            element: 'morris-area-chart',
            data: sLanding,
            xkey: 'u',
            ykeys: ['a'],
            labels: ['Count'],
            xLabelMargin: -25,
            padding: 50,
            barShape: 'soft',
            //hover callback function is here for getting the URL on hover
            hoverCallback: function (index, options, content) {
                var data = sLanding[index].y;
                return (data + content);
            },
        });
        $("#loader").css("display", "none");
        flag1 = 0;
    }
});