柱图数据过多间隔不起作用echarts 柱状配置项内容和展示

柱图数据过多的时候,加了滚轴,设定了间隔(barCategoryGap),柱子还是会贴到一起。

配置项如下
      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']
    },
    dataZoom:{
        type:'slider',
        endValue: 10,
    },
    yAxis: {},
    series: [{
        type: 'bar',
        color:'lightgreen',
        barWidth:25,
        barCategoryGap:50,
        
        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]
    }]
};
    
截图如下