xAxis.axisLabel.rich.align不起作用echarts 折线配置项内容和展示

xAxis.axisLabel.rich.align设置之后不起任何作用

配置项如下
      option = {
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
        boundaryGap: false,
        axisLabel: {
            show: true,
            color: '#6C84A2',
            align: 'right',
            formatter: function(v, index) {
                return '{a|' + v + '}'
            },
            rich: {
                a: {
                    backgroundColor: '#F00',
                    align: 'center'
                },
            }
        },
    },
    yAxis: {},
    series: [{
        type: 'line',
        data: [220, 182, 191, 234, 290, 330, 310]
    }]
};
    
截图如下