echarts中tooltip的用法
时间: 2023-07-09 12:23:54 浏览: 81
ECharts 中的 tooltip 是一种展示数据详细信息的工具。在 ECharts 中,tooltip 可以设置在全局中、系列中、数据项中。下面是 tooltip 的用法示例:
1. 全局设置 tooltip
```javascript
option = {
tooltip: {
trigger: 'axis' // 触发类型为轴线
},
// ...
}
```
2. 系列中设置 tooltip
```javascript
option = {
series: [{
type: 'line',
tooltip: {
trigger: 'axis'
},
// ...
}, {
type: 'bar',
tooltip: {
trigger: 'axis'
},
// ...
}],
// ...
}
```
3. 数据项中设置 tooltip
```javascript
option = {
series: [{
type: 'line',
data: [{
value: 10,
tooltip: {
formatter: '{b}: {c}'
}
}, {
value: 20,
tooltip: {
formatter: '{b}: {c}'
}
}, {
value: 30,
tooltip: {
formatter: '{b}: {c}'
}
}],
// ...
}],
// ...
}
```
其中,tooltip 的 `trigger` 属性可以设置为 `'item'`、`'axis'` 或者 `'none'`,分别表示鼠标悬浮在数据项、坐标轴上或者不触发 tooltip。另外,`formatter` 属性可以用来自定义 tooltip 的显示内容,例如 `{b}` 表示数据项的名称,`{c}` 表示数据项的值。
阅读全文