echarts 柱状配置项内容和展示

      option = {
    tooltip: {
        show: false,
        trigger: 'axis',
        axisPointer: { // 坐标轴指示器，坐标轴触发有效
            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    legend: {
        data: ['WIFI', '内置应用', '系统设置', '建议与咨询', '用户反馈率']
    },
    grid: {
      width:'auto'
     
    },
    xAxis: [{
        type: 'category',
        data: ['','最新版本-2', '最新版本-1', '最新版本','']
    },{
        type:'category',
        alignWithLabel:true,
        data: ['','最新版本-2', '最新版本-1', '最新版本','']
    }],
    yAxis: [{
        type: 'value',
        axisLabel: {
            formatter: '{value}%'
        }
    }, ],
    series: [{
        name: 'WIFI',
        type: 'bar',
        stack: 'ONE',
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'inside',
                    formatter: function(params) {
                        return params.seriesName + '\n' + params.value + "%";
                    }
                }
            }
        },
        barWidth: 80,
        data: ['',100, 90, 70,'']
    }, {
        name: '内置应用',
        type: 'bar',
        stack: 'ONE',
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'inside',
                    formatter: function(params) {
                        return params.seriesName + '\n' + params.value + "%";
                    }
                }
            }
        },
        data: ['',80, 70, 50,'']
    }, {
        name: '系统设置',
        type: 'bar',
        stack: 'ONE',
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'inside',
                    formatter: function(params) {
                        return params.seriesName + '\n' + params.value + "%";
                    }
                }
            }
        },
        barWidth: 80,
        data: ['',70, 50, 30,'']
    }, {
        name: '建议与咨询',
        type: 'bar',
        stack: 'ONE',
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'inside',
                    formatter: function(params) {
                        return params.seriesName + '\n' + params.value + "%";
                    }
                }
            }
        },
        barWidth: 80,
        data: ['',50, 40, 20,'']
    }, {
        name: '',
        type: 'bar',
        stack: 'ONE',
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'top',
                    formatter: "ONE",
                    textStyle: {
                        color: "#110600",
                        fontStyle: 'italic',
                        fontSize: 16
                    }
                }
            }
        },
        barWidth: 80,
        data: ['',0, 0, 0,'']
    }, {
        name: 'WIFI',
        type: 'bar',
        stack: 'TWO',
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'inside',
                    formatter: function(params) {
                        return params.seriesName + '\n' + params.value + "%";
                    }
                }
            }
        },
        barWidth: 80,
        data: ['',90, 80, 60,'']
    }, {
        name: '内置应用',
        type: 'bar',
        stack: 'TWO',
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'inside',
                    formatter: function(params) {
                        return params.seriesName + '\n' + params.value + "%";
                    }
                }
            }
        },
        barWidth: 80,
        data: ['',70, 60, 40,'']
    }, {
        name: '系统设置',
        type: 'bar',
        stack: 'TWO',
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'inside',
                    formatter: function(params) {
                        return params.seriesName + '\n' + params.value + "%";
                    }
                }
            }
        },
        barWidth: 80,
        data: ['',50, 40, 30,'']
    }, {
        name: '建议与咨询',
        type: 'bar',
        stack: 'TWO',
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'inside',
                    formatter: function(params) {
                        return params.seriesName + '\n' + params.value + "%";
                    }
                }
            }
        },
        barWidth: 80,
        data: ['',40, 30, 20,'']
    }, {
        name: '',
        type: 'bar',
        stack: 'TWO',
        itemStyle: {
            normal: {
                label: {
                    show: true,
                    position: 'top',
                    formatter: "TWO",
                    textStyle: {
                        color: "#110600",
                        fontStyle: 'italic',
                        fontSize: 16
                    }
                }
            }
        },
        data: ['',0, 0, 0,'']
    }, {
        xAxisIndex:1,
        name: '用户反馈率',
        type: 'line',
        symbolOffset:[50,0],
        lineStyle: {
            normal: {
                type: 'dashed',
                color:'rgb(239,239,239)',
                shadowColor: 'rgb(220,186,136)',
                shadowOffsetY:0,
                shadowOffsetX:50,
                opacity:1,
            }
        },
        smooth: false,
        data: ['',300, 250, 170,''],
    }, {
        AxisIndex:1,
        symbolOffset:[-50,0],
        name: '用户反馈率',
        type: 'line',
        lineStyle: {
            normal: {
             type: 'dashed',
                color:'rgb(239,239,239)',
                shadowColor: 'rgb(220,186,136)',
                shadowOffsetY:0,
                shadowOffsetX:-50,
                //opacity:1,
            }
        },
        smooth: false,
        data: ['',250, 210, 150,'']
    }]
};