Y轴数据显示不全,数据长度不固定,尤其移动端的时候echarts 柱状配置项内容和展示

查了下 只能用 grid,还有其他方案么,用grid的话 如果设置的x数值过大,在数据小的时候就留白比较多啊,有能自适应数据长度的么 大家F12看下 效果

配置项如下
      var option = {
        tooltip: {
           trigger: 'axis'
        },
	    legend: {
	        data:['金额']
	    },
        xAxis: {
        	type: 'category',
            data: ['新款手机','小西装套装','模版2','奥龙童裤','少儿童裤','新疆葡萄干','小美孩儿','【百草味-紫薯花生180g*2】坚果炒货花生米 休闲零食特产小吃食品','gd-大枣','明德 数字图案 益智数字拼图爬行垫 拼接垫 30*30*1CM(10片装)'],
            axisLabel:{  
                interval:0,
                rotate:-45
            }
        },
        yAxis: {},
        series: [{
            name: '金额',
            type: 'bar',
            barWidth:15,
            data: ['25930.00','10830.00','9340.00','3392.00','2550.00','2000.00','1840.00','1001.50','903.00','580.00']
        }]
    };

    
截图如下