效果图:
隐藏了柱状图的X轴和Y轴和其余属性并且Y轴反向坐标轴 使其出现这样的效果
代码:
var AXIS_OPTION = {
tooltip: { //提示框
trigger: 'axis',
axisPointer: {
type: 'shadow',
},
},
grid: { //距离控制
width: '75%',
left: '30px',
right: '30px',
bottom: '4%',
top: '15%',
containLabel: true,
},
xAxis: { // x轴属性控制
type: 'value',
axisLine: {
show: false,
},
axisTick: {
show: false,
},
show: false,
},
yAxis: {
type: 'category',
data: [1,2,3,4,5],
splitLine: { show: false },
axisLine: {
show: false,
},
axisTick: {
show: false,
},
nameTextStyle: {
fontSize: 18,
},
inverse: true, //反向坐标轴
},
series: {