echart的柱状图tooltip 隐藏x轴,y轴
时间: 2023-11-16 15:29:24 浏览: 138
echarts柱状图
要隐藏柱状图的 x 轴和 y 轴,需要在 ECharts 中设置相应的属性。具体做法如下:
1. 设置 x 轴和 y 轴的 show 属性为 false,以隐藏坐标轴。例如:
```javascript
option = {
xAxis: {
show: false
},
yAxis: {
show: false
},
tooltip: {
show: true,
trigger: 'axis'
},
series: [{
type: 'bar',
data: [10, 20, 30, 40, 50],
itemStyle: {
color: '#3398DB',
},
emphasis: {
itemStyle: {
color: '#3398DB'
}
}
}]
};
```
2. 在 tooltip 中设置 trigger 属性为 'axis',以在鼠标悬停在柱状图上时显示提示框。例如:
```javascript
tooltip: {
show: true,
trigger: 'axis'
},
```
这样就可以隐藏柱状图的 x 轴和 y 轴,并在鼠标悬停在柱状图上时显示提示框了。
阅读全文