正负轴echarts 柱状配置项内容和展示

      option = {
    title: {
        text: '*负数为赔偿',
        left: 'right',
        top: 10,
        textStyle: {
            color: '#f00',
            fontWeight: 'normal',
            fontSize: 14
        }
    },
    tooltip: {
        trigger: 'axis',
        axisPointer: { // 坐标轴指示器，坐标轴触发有效
            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
        }
    },
    grid: {
        left: '3%',
        right: '4%',
        top: '10%',
        bottom: '3%',
        containLabel: true
    },
    xAxis: [{
        type: 'value',
        position: 'top',
        axisLabel: {
            show: true,
            interval: 'auto',
        },
        axisLine: {
            show: false
        }
    }],
    yAxis: [{
        type: 'category',
        axisTick: {
            show: false
        },
        data: ['浏阳市', '芙蓉区', '天心区', '岳麓区', '望城区', '宁乡县', '开福县']
    }],
    series: [

        {
            name: '收入',
            type: 'bar',
            stack: '总量',
            barWidth: '20',
            label: {
                show: true,
                position: 'right'
            },
            data: [320, 302, 341, 374, 390, 450, 420],
            itemStyle: {
                normal: {
                    barBorderRadius: [0, 15, 15, 0],
                    color: {
                        x: 0,
                        y: 0,
                        x2: 1,
                        y2: 0,
                        type: "linear",
                        global: false,
                        colorStops: [{
                            offset: 0,
                            color: "#008EDA"
                        }, {
                            offset: 1,
                            color: "#00B8AE"
                        }]
                    }
                }
            }
        },
        {
            name: '支出',
            type: 'bar',
            stack: '总量',
            barWidth: '20',
            label: {
                show: true,
                position: 'left'
            },
            data: [-120, -132, -101, -134, -190, -230, -210],
            itemStyle: {
                normal: {
                    barBorderRadius: [15, 0, 0, 15],
                    color: {
                        x: 0,
                        y: 0,
                        x2: 1,
                        y2: 0,
                        type: "linear",
                        global: false,
                        colorStops: [{
                            offset: 0,
                            color: "#F94F6C"
                        }, {
                            offset: 1,
                            color: "#00B8AE"
                        }]
                    }
                }
            }
        }
    ]
};