echarts柱状图鼠标悬停tooltip
时间: 2023-11-18 17:54:15 浏览: 223
echarts柱状图
您好,关于echarts柱状图鼠标悬停tooltip的问题,您可以通过设置series中的tooltip属性来实现。具体操作如下:
1. 在option中的series中找到柱状图对应的series项,例如:
```
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20]
}]
```
2. 在该series项中添加tooltip属性,例如:
```
series: [{
name: '销量',
type: 'bar',
data: [5, 20, 36, 10, 10, 20],
tooltip: {
trigger: 'axis',
axisPointer: {
type: 'shadow'
}
}
}]
```
其中,tooltip.trigger表示触发类型,这里设置为axis表示鼠标悬停在柱状图上时显示tooltip;tooltip.axisPointer.type表示指示器类型,这里设置为shadow表示显示阴影指示器。
3. 可以根据需要进一步设置tooltip的样式、内容等属性。
阅读全文