嵌套柱状图

找不到参考的地址了 

 

 

option = {
            title: {
                text: '嵌套柱图',
                left:'left',
            },
            tooltip: {
                show:true,
                trigger:'axis',
                showDelay:0,
                formatter:'{a0}: {c0}<br />{a1}: {c1}',
                extraCssText: 'box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);',
                axisPointer:{
                    type:'shadow'
                }
            },
            legend: {
                data:['Actual','Object','General','Good', 'Excellent '],
                icon:'roundRect',
                left:'right'
            },
            xAxis: {
            	boundaryGap: true,
            	axisLine:{
            		show:false
            	},
                data: [
                'KPI 1', 'KPI 2', 'KPI 3', 'KPI 4', 'KPI 5', 'KPI 3', 'KPI 4', 'KPI 5'
                ]
            },
            yAxis: {
                type:'value',
                max:120,
                splitLine:{
                	show:false
                },
                axisLabel:{
                	formatter: '{value} %'
                }
            },
            series: [
            {
                name: '实际',
                type: 'bar',
                barGap:'-175%',
                barWidth:15,
                z:10,
                itemStyle:{
                	normal:{
                		color:'#29252C'
                	}
                },
                data: [ 110, 94, 97, 78, 68, 97, 78, 68]
            },
            {
            	name:'定额',
            	type:'bar',
            	barWidth:40,
                itemStyle:{
                	normal:{
                		color:'#AACFD0'
                	}
                },
            	stack:'total',
            	data:[70, 70, 70, 70, 70, 87, 73, 58]
            },
             {
                name: '实际1',
                type: 'bar',
                barGap:'-175%',
                barWidth:12,
                z:10,
                itemStyle:{
                	normal:{
                		color:'#FF00FF'
                	}
                },
                data: [ 120, 90, 97, 98, 88, 97, 58, 68]
            },
            {
            	name:'定额1',
            	type:'bar',
            	barWidth:30,
                itemStyle:{
                	normal:{
                		color:'#FFFF00'
                	}
                },
            	stack:'total1',
            	data:[81, 72, 51, 60, 50, 77, 70, 88]
            },
           ]
        };