柱状图.X轴显示数据不完整,不是被掩盖而是无法显示echarts 柱状配置项内容和展示

当我的数据足够多的时候,加上showMaxLabel和showMinLabel才会显示两端的数据 但是这样的后果是第二个数据不显示,

配置项如下
      option = {
    title: {
        text: 'Awesome Chart'
    },
    xAxis: {
        data: ['Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
        ,'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
        ,'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
        ,'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
        ,'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
        ,'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
        ,'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'
        ,'Sun', 'Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat'],
        
                    
        axisLabel: {
            interval: 0,
            rotate:-40,
            showMaxLabel:true,  //当我的数据足够多的时候,加上showMaxLabel和showMinLabel才会显示两端的数据
            showMinLabel:true   //但是这样的后果是第二个数据不显示,
        }
                
    },
    yAxis: {},
    series: [{
        type: 'bar',
        data:[220, 182, 191, 234, 290, 330, 310
        ,220, 182, 191, 234, 290, 330, 310
        ,220, 182, 191, 234, 290, 330, 310
        ,220, 182, 191, 234, 290, 330, 310
        ,220, 182, 191, 234, 290, 330, 310
        ,220, 182, 191, 234, 290, 330, 310
        ,220, 182, 191, 234, 290, 330, 310
        ,220, 182, 191, 234, 290, 330, 310]
    }]
};
    
截图如下