echarts的柱状图tooltip柱体上方展示窗口
时间: 2025-02-19 13:06:06 浏览: 47
### ECharts 柱状图 Tooltip 设置
为了使 ECharts 中的柱状图 Tooltip 显示在柱体上方,可以调整 `tooltip` 的 `position` 属性。具体来说,可以通过设置该属性为 `'top'` 来实现这一效果[^2]。
```javascript
option = {
tooltip: {
trigger: 'axis',
position: 'top'
},
xAxis: {
type: 'category',
data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun']
},
yAxis: {
type: 'value'
},
series: [{
name: 'Series Name',
type: 'bar',
data: [120, 200, 150, 80, 70, 110, 130],
label: {
show: true,
position: 'top',
textStyle: {
fontSize: '12px',
color: '#666'
}
}
}]
};
```
上述代码片段展示了如何配置 ECharts 柱状图以确保 Tooltip 出现在柱体顶部。此外,还设置了柱体上的标签显示及其样式[^3]。
阅读全文
相关推荐


















