堆叠图

option = {
    tooltip: {
        trigger: 'axis',
        axisPointer: {            // 坐标轴指示器，坐标轴触发有效
            type: 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
        },
        show:false,
    },
    legend: {
        data: ['PR']
    },
    grid: {
        left: '3%',
        right: '4%',
        bottom: '4%',
        containLabel: true
    },
    xAxis:[
            { data: [
                        '', 'HD', 'HX', 'LY', 'SD', 'QH', 'XP', 'GZ', 'YB',
                        '', 'HD', 'HX', 'LY', 'SD', 'QH', 'XP', 'GZ', 'YB',
                        '', 'HD', 'HX', 'LY', 'SD', 'QH', 'XP', 'GZ', 'YB',
                        '', 'HD', 'HX', 'LY', 'SD', 'QH', 'XP', 'GZ', 'YB','',
                ],
                type: 'category',
                position:'bottom',
                axisLine: {
                    show: true,
                    lineStyle:{
                        color:'#007CD0'
                    }
                },
                axisLabel: {
                    interval: 0,
                    show: true,
                    textStyle: {
                        color: '#FFFFFF',
                    },
                    fontSize: 12,
                },
                axisTick: {
                    show: true,
                    length:40,
                    alignWithLabel:'center',
                    interval:function(index, value){
                        if(value==''){
                            if(index!=0&&index!=36){
                                return true
                            }
                        }
                    },
                    lineStyle:{
                        color:'#007CD0'
                    }
                },
            },
            {
                data: ['',''],
                type: 'category',
                axisLine: {
                    show: false
                },
                position:'bottom',
                axisLabel: {
                    show: false,
                },
                inverse:true,
                axisTick: {
                    show: true,
                    length:40,
                    color:'red',
                    interval:function(index,value){
                        if(index==1){
                            return false
                        }
                        return true
                    } ,
                    lineStyle:{
                        color:'#007CD0'
                    }
                },
 
            },
            {
                data: ['',''],
                type: 'category',
                axisLine: {
                    show: false
                },
                position:'bottom',
                axisLabel: {
                    show: false,
                },
                inverse:false,
                axisTick: {
                    show: true,
                    length:40,
                    color:'red',
                    interval:function(index,value){
                        if(index==1){
                            return false
                        }
                        return true
                    } ,
                    lineStyle:{
                        color:'#007CD0'
                    }
                },
            }
    ],
    yAxis: [
            {
                type: 'value',
                axisTick: {
                    show: false,
                },
                axisLine:{
                    show:false,
                },
                splitLine:{
                    show:false
                },
                axisLabel:{
                    formatter:function(index,value){
                        return value+'%'
                    }
                }
            },
            {
                type: 'value',
                axisTick: {
                    show: false,
                },
                axisLine:{
                    show:false,
                },
                splitLine:{
                    show:false
                }
            }
    ],
    graphic:{
        elements:[
            {
                type:'text',
                left:'20%',
                bottom:'1%',
                style:{
                    text:'19Y AVG',
                    font:'15px " "',
                    fill:'white'
                }
            },
            {
                type:'text',
                left:'42%',
                bottom:'1%',
                style:{
                    text:'Oct',
                    font:'15px " "',
                    fill:'white'
                }
            },
            {
                type:'text',
                left:'62%',
                bottom:'1%',
                style:{
                    text:'47Wk',
                    font:'15px " "',
                    fill:'white'
                }
            },
            {
                type:'text',
                left:'83%',
                bottom:'1%',
                style:{
                    text:'30th',
                    font:'15px " "',
                    fill:'white'
                }
            }
        ]
    },
    series: [
            {
                name: 'PR',
                type: 'bar',
                barWidth:'50%',
                itemStyle: {
                    normal: {
                        color: '#148084',
                    }
                },
                data: [
                        '', 
                        {
                            value:5,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },
                        '',
                         {
                            value:5,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },
                        '',
                         {
                            value:5,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },
                        '',
                         {
                            value:5,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },
                ]
            },
            {
                name: 'PR',
                type: 'line',
                barWidth:'25%',
                itemStyle: {
                    normal: {
                        color: '#bede51',
                    }
                },
                data: [
                         '', 
                        {
                            value:5,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },
                        '',
                         {
                            value:5,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },
                        '',
                         {
                            value:5,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },
                        '',
                         {
                            value:5,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        }, {
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#00b0ff'
                            }
                        },{
                            value:6,
                            itemStyle:{
                                fontSize:12,
                                color:'#4ad2bf'
                            }
                        },
                ]
            } 
    ]
};