echarts 柱状配置项内容和展示

配置项如下
      var colors = ['#1186c9','#489dcd','#86b6d2','#12ea1c'];
var city=['特大型餐馆', '大型餐馆', '中型餐馆', '快餐店', '小吃店', 
         '饮品店', '食堂', '集体用餐单位'
        ,'中央厨房','其他'];
var data1=[133, 333, 222, 541, 341,133, 333, 222,312,321];
var data2=[120, 132, 101, 134, 90,120, 132, 101, 134, 90];
var data3=[120, 132, 101, 134, 90,120, 132, 101, 134, 90];
option = {
    backgroundColor:'#ffffff',
    title: {
        //text: '办理事项超时地区Top5',
        textStyle:{
             fontSize: '22'
        }
    },
    color: colors,
    tooltip: {
        trigger: 'axis',
        axisPointer: {type: 'cross'}
    },
    grid: {
        left: '25%',
        right: '25%',
        top:'15%',
        bottom:'10%',
        containLabel: true
    },    
    legend: {
        data:['优秀','良好','一般'],
        //right:'right'
        top:'10%'
    },
    yAxis: [
        {
            type: 'category',
            
            axisTick: {
                alignWithLabel: true
            },
            data: city
        }
    ],
    xAxis: [
        
        {
            splitLine: {show: false},
            type: 'value',
            name: '评定企业数',
            min: 0,
           // max: 1500,
            position: 'left',
            axisLine: {
                lineStyle: {
                    color: colors[0]
                }
            },
            axisLabel: {
                formatter: '{value} '
            }
        }],
        
    series: [{
            name:'优秀',
            stack: '总量',
            type:'bar',
            barWidth : 30,
            data:data1
        },
        {
            name:'良好',
            stack: '总量',
            type:'bar',
            data:data2
        },
        {
            name:'一般',
            stack: '总量',
            type:'bar',
            data:data3
        }]
};

    
截图如下