echarts隐藏横向柱状图右侧的数据显示
时间: 2023-10-10 17:08:52 浏览: 101
echarts横向柱状图
要隐藏 Echarts 横向柱状图右侧的数据显示,可以使用 Echarts 的 tooltip 配置项中的 trigger 和 axisPointer 属性进行设置。
具体步骤如下:
1. 在 option 中配置 tooltip:
```
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'none'
},
formatter: '{b}: {c}'
}
```
2. 在 yAxis 中设置 inverse 属性为 true,使得 y 轴倒序排列,并且设置 axisLabel 和 axisTick 的 show 属性为 false,隐藏 y 轴标签和刻度线:
```
yAxis: {
type: 'category',
data: ['A', 'B', 'C', 'D', 'E'],
inverse: true,
axisLine: {
show: false
},
axisTick: {
show: false
},
axisLabel: {
show: false
}
},
```
这样就可以隐藏横向柱状图右侧的数据显示了。
阅读全文