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

      option = {
    backgroundColor: '#033a48',
    "grid": {
        "left": 160,
        "right": 30
    },
    "tooltip": {
        "padding": 10,
        "textStyle": {
            "color": "#fff",
            "fontSize": 26
        },
        "backgroundColor": "#00576e"
    },
    "yAxis": [{
        "nameTextStyle": {
            "color": "#97d2ff",
            "padding": [0, 20, 10, 0],
            "fontSize": 26
        },
        "axisLabel": {
            "color": "#0fd1d3",
            "fontSize": 26,
            "interval": 0,
            "align": "left",
            "padding": [0, 60, 0, 0]
        },
        "axisTick": {
            "show": false
        },
        "splitLine": {
            "show": false
        },
        "axisLine": {
            "show": false
        },
        "type": "category",
        "data": ["1  珠海", "2  珠海", "3  珠海", "4  珠海", "5  珠海", "6  珠海", "7  珠海", "8  珠海", "9  珠海", "10  珠海"],
        "inverse": true,
        "offset": 120
    }, {
        "nameTextStyle": {
            "color": "#97d2ff",
            "padding": [0, 20, 10, 0],
            "fontSize": 26
        },
        "axisLabel": {
            "show": false
        },
        "axisTick": {
            "show": false
        },
        "splitLine": {
            "show": false
        },
        "axisLine": {
            "show": false
        },
        "data": ["1  珠海", "2  珠海", "3  珠海", "4  珠海", "5  珠海", "6  珠海", "7  珠海", "8  珠海", "9  珠海", "10  珠海"],
        "inverse": true
    }],
    "xAxis": {
        "nameTextStyle": {
            "color": "#97d2ff",
            "padding": [0, 20, 10, 0],
            "fontSize": 26
        },
        "axisLabel": {
            "show": false
        },
        "axisTick": {
            "show": false
        },
        "splitLine": {
            "show": false
        },
        "axisLine": {
            "show": false
        }
    },
    "series": [{
        "type": "bar",
        "barWidth": 40,
        "barGap": "-100%",
        "yAxisIndex": 1,
        "data": [-6, -6, -6, -6, -6, -6, -6, -6, -6, -6],
        "itemStyle": {
            "normal": {
                "barBorderRadius": [20, 0, 0, 20],
                "borderColor": "#01799a",
                "borderWidth": 2,
                "color": "rgba(0,0,0,0)"
            }
        },
        "silent": true
    }, {
        "type": "bar",
        "barWidth": 40,
        "barGap": "-100%",
        "data": [5, 5, 5, 5, 5, 5, 5, 5, 5, 5],
        "yAxisIndex": 1,
        "itemStyle": {
            "normal": {
                "barBorderRadius": [0, 20, 20, 0],
                "borderColor": "#01799a",
                "borderWidth": 2,
                "color": "rgba(0,0,0,0)"
            }
        },
        "label": {
            "show": true,
            "position": "insideRight",
            "color": "#fff",
            "fontSize": 26,
            "padding": [0, 10, 0, 0]
        },
        "silent": true
    }, {
        "type": "bar",
        "barGap": "-100%",
        "barWidth": 30,
        "data": [{
            "value": -5,
            "itemStyle": {
                "normal": {
                    "barBorderRadius": [20, 0, 0, 20],
                    "color": "#1bbf69"
                }
            }
        }, {
            "value": -3,
            "itemStyle": {
                "normal": {
                    "barBorderRadius": [20, 0, 0, 20],
                    "color": "#1bbf69"
                }
            }
        }, {
            "value": -4,
            "itemStyle": {
                "normal": {
                    "barBorderRadius": [20, 0, 0, 20],
                    "color": "#1bbf69"
                }
            }
        }, {
            "value": 2,
            "itemStyle": {
                "normal": {
                    "barBorderRadius": [0, 20, 20, 0],
                    "color": "#ff622f"
                }
            }
        }, {
            "value": 4,
            "itemStyle": {
                "normal": {
                    "barBorderRadius": [0, 20, 20, 0],
                    "color": "#ff622f"
                }
            }
        }, {
            "value": -5,
            "itemStyle": {
                "normal": {
                    "barBorderRadius": [20, 0, 0, 20],
                    "color": "#1bbf69"
                }
            }
        }, {
            "value": -3,
            "itemStyle": {
                "normal": {
                    "barBorderRadius": [20, 0, 0, 20],
                    "color": "#1bbf69"
                }
            }
        }, {
            "value": -4,
            "itemStyle": {
                "normal": {
                    "barBorderRadius": [20, 0, 0, 20],
                    "color": "#1bbf69"
                }
            }
        }, {
            "value": 2,
            "itemStyle": {
                "normal": {
                    "barBorderRadius": [0, 20, 20, 0],
                    "color": "#ff622f"
                }
            }
        }, {
            "value": 4,
            "itemStyle": {
                "normal": {
                    "barBorderRadius": [0, 20, 20, 0],
                    "color": "#ff622f"
                }
            }
        }]
    }]
}