柱图重叠echarts 配置项内容和展示

"barGap": "-100%",

      var colors = ['#66CDAA',  '#B8860B','#FF9080'];

var xData = ['大米','纯净水','手电筒','防水毯','救生衣','抗生素','消毒液','对讲机'];
option = {
     backgroundColor: "#0e2147",
    "tooltip": {
        "trigger": "axis",
        "axisPointer": {
            "type": "shadow",
            textStyle: {
                color: "#fff"
            }

        },
    },
   grid: {
        top:'20%',
        bottom:'45%',
        left:'20%',
        right:'20%',
    },   
    legend: {
        data:['消耗','总量'],
        align: 'right',
         top:'14%',
         right:'20%',
        textStyle:{
            color:'#FFFFFF'
        }
        
    },
     "calculable": true,
    "xAxis": [{
        "type": "category",
        "axisLine": {
            lineStyle: {
                color: '#fff'
            }
        },
        "splitLine": {
            "show": false
        },
        "axisTick": {
            "show": false
        },
        "splitArea": {
            "show": false
        },
        "axisLabel": {
            "interval": 0,
            textStyle:{
                fontSize:12,
                color: '#ffffff'
            }
        },
        "data": xData,
    }],
    yAxis: [
        {
            type: 'value',
            name: '数量',
            splitLine:{
                show: false,
            },
            axisLine: {
                lineStyle: {
                    color: '#fff'
                }
            },
            // min: 0,
            // max: 400,
            // position: 'left',
            axisLabel: {
                show: false,
                
            }
        },
    ],
    series: [
        {"name": "总量",
            "type": "bar",
             "barGap": "-100%",
             "barMaxWidth": 14,
            "itemStyle": {
                "normal": {
                     "color": "#10C7E8",
                    "barBorderRadius": 4,
                    "label": {
                        "textStyle": {
                            "color": "#fff"
                        },
                        "show": true,
                        "position": "top",
                        formatter: function(p) {
                            return p.value > 0 ? (p.value) : '';
                        }
                    }
            }
            },
            data:[121,256,119,138,158,173,220,96]
            
        },
        {"name": "消耗",
            "type": "bar",
            "barMaxWidth": 14,
           
            "itemStyle": {
                "normal": {
                   "color": "#F16612",
                    "barBorderRadius": 4,
                    "label": {
                        "show": true,
                        "textStyle": {
                            "color": "#fff"
                        },
                        "position": "insideTop",
                        formatter: function(p) {
                            return p.value > 0 ? (p.value) : '';
                        }
                    }
                }
            },
            data:[67,100,43,56,69,74,40,80]
            
        },
        
       ]
};