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"
}
}
}]
}]
}