多图echarts 柱状配置项内容和展示

      var pieColors = ['#ffcc8b','#f5f5f5']
option = {
    backgroundColor:'#fff',
    title:[
        {
            text:'实验室个数（个）',
            top:'80%',
            left:'10%',
            textStyle:{
                fontSize:'14px',
            }
        },
        {
            text:'实验室占比（%）',
            top:'30%',
            left:'10%',
            textStyle:{
                fontSize:'14px',
            }
        }
        ],
    xAxis: [{
        name:'上报率',
        nameTextStyle:{
            color:'#333'
        },
        type: 'category',
        data: ['0～60', '60～80', '80～100', '>=100'],
        axisLine:{
            lineStyle:{
                color:'#23c6c8',
                width:2
            }
        },
        axisTick:{
            show:false
        },
        axisLabel:{
            color:'#333'
        }
    }],
    yAxis: [{
        type: 'value',
        show:false
        
    }],
    grid:{
      top:'50%',
      left:'20%'
    },
    series: [{
        xAxisIndex:0,
        yAxisIndex:0,
        data: [120, 200, 150, 80],
        type: 'bar',
        itemStyle:{
            color:'#add5ff'
        },
        barWidth:40,
        label:{
            show:true,
            position:'top',
            color:'#333'
        }
    },{
        data: [
            {   
                value:7.14,
                remainVal:92.86
            },{
                value:92.86,
                remainVal:7.14
            }],
        silent:true,
        type: 'pie',
        radius:'50px',
        center:['30%','30%'],
        itemStyle:{
            normal:{
                color:function(params){
                    return pieColors[params.dataIndex]
                }
            }
            
        },
        label:{
            show:true,
            position:'inside',
            color:'#1e1e1e',
            formatter:function(params){
                if(params.dataIndex == 1){
                    console.log(params)
                    return params.data.remainVal;
                }
            }
        },
        
        labelLine:{
            show:true
        }
    },{
        data: [
            {   
                value:7.14,
                remainVal:92.86
            },{
                value:92.86,
                remainVal:7.14
            }],
        startAngle:102.852,
        silent:true,
        type: 'pie',
        radius:'50px',
        center:['45%','30%'],
        itemStyle:{
            normal:{
                color:function(params){
                    return pieColors[params.dataIndex]
                }
            }
            
        },
        label:{
            show:true,
            position:'inside',
            color:'#1e1e1e',
            formatter:function(params){
                if(params.dataIndex == 1){
                    console.log(params)
                    return params.data.remainVal;
                }
            }
        },
        labelLine:{
            show:false
        }
    },{
        data: [
            {   
                value:72.14,
                remainVal:27.86
            },{
                value:27.86,
                remainVal:7.14
            }],
        startAngle:219.852,
        silent:true,
        type: 'pie',
        radius:'50px',
        center:['65%','30%'],
        itemStyle:{
            normal:{
                color:function(params){
                    return pieColors[params.dataIndex]
                }
            }
            
        },
        label:{
            show:true,
            position:'inside',
            color:'#1e1e1e',
            formatter:function(params){
                if(params.dataIndex == 1){
                    console.log(params)
                    return params.data.remainVal;
                }
            }
        },
        labelLine:{
            show:false
        }
    },{
    data: [
        {   
            value:7.14,
            remainVal:92.86
        },{
            value:92.86,
            remainVal:7.14
        }],
    silent:true,
        type: 'pie',
        radius:'50px',
        center:['80%','30%'],
        itemStyle:{
            normal:{
                color:function(params){
                    return pieColors[params.dataIndex]
                }
            }
            
        },
        label:{
            show:true,
            position:'inside',
            color:'#1e1e1e',
            formatter:function(params){
                if(params.dataIndex == 1){
                    console.log(params)
                    return params.data.remainVal;
                }
            }
        },
        labelLine:{
            show:false
        }
    }]
};