带整体水平线柱图echarts 柱状配置项内容和展示

                        // var chartName = [{'name':'T','value':1},{'name':'Q','value':2},{'name':'E','value':3}]   
                   var asd = ['T','A','B']
                        option = {
                            tooltip: {
                                show: true,
                                trigger: 'axis',

                                //formatter: function (params) {
                                //    var content = params.name;

                                //    content = content + ' : ' + parseFloat(params.data.value).toFixed(2) + '%';
                                //    return content;
                                //}
                            },
                            backgroundColor: '#fff',
                            grid: {
                                //top: '15%',
                                //right: '10%',
                                //left: '10%',
                                //bottom: '12%'
                            },
                            xAxis: [{
                                show:false,
                                type: 'category',
                                color: '#59588D',
                                data:asd,
                                axisLabel: {
                                    margin: 20,
                                    color: '#999',
                                    textStyle: {
                                        fontSize: 18
                                    },
                                },
                                axisLine: {
                                    lineStyle: {
                                        color: 'rgba(107,107,107,0.37)',
                                    }
                                },
                                axisTick: {
                                    show: false
                                },
                            }],
                            yAxis: [{
                                max: 100,
                                name: '编制变化数量（人）',
                                axisLabel: {
                                    formatter: '{value}',
                                    color: '#999',
                                    textStyle: {
                                        fontSize: 10
                                    },
                                },
                                axisLine: {
                                    lineStyle: {
                                        color: 'rgba(107,107,107,0.37)',
                                    }
                                },
                                axisTick: {
                                    show: false
                                },
                                splitLine: {
                                    lineStyle: {
                                        color: 'rgba(131,101,101,0.2)',
                                        type: 'dashed',
                                    }
                                }
                            }],
                            legend: {
                            bottom: 0,
                            data: ['职级', '整体']
                            },
                            series: [{
                                type: 'bar',
                                data: [2,2,-5],
                                name: '职级',
                                barWidth: '50px',
                                itemStyle: {
                                    normal: {
                                        color: function(params) {
                                            return { //type: 'bar',
                                                x: 0,
                                                y: 0,
                                                x2: 0,
                                                y2: 1,
                                                colorStops: [{
                                                    offset: 0,
                                                    color: '#5B9BD5'
                                                }, {
                                                    offset: 1,
                                                    color: '#5B9BD5'
                                                }],
                                            };
                                        },


                                    }
                                },
                                label: {
                                    normal: {
                                       
                                        show: true,
                                        fontSize: 10,
                                        //fontWeight: 'bold',
                                        color: '#333',
                                        position: 'bottom',
                                         formatter: function(param) {
                                            console.log(param);  
                                                return param.name + '\n\n'  + param.value;
                                            }
                                       
                                    }
                                }
                            }, {
                                data: [2, 2, 2],
                                type: 'line',
                                smooth: false,
                                name: '整体',
                                symbol: 'none',
                                lineStyle: {
                                    color: '#ED7D31',
                                    width: 4,

                                }
                            }]
                        };