一张echarts画布中有多个图表,给不同的图表设置不同的tooltip如何做
时间: 2023-11-21 07:03:52 浏览: 57
可以使用echarts的tooltip组件中的formatter属性来实现给不同的图表设置不同的tooltip。具体做法如下:
1. 在option中定义多个series,每个series对应一个图表。
2. 在tooltip组件中通过formatter属性设置不同的格式化函数,例如:
```
tooltip: {
formatter: function (params) {
// 判断当前鼠标悬浮的数据是哪个series
if (params.seriesName === 'series1') {
// series1的tooltip格式化函数
return 'Series1: ' + params.value;
} else if (params.seriesName === 'series2') {
// series2的tooltip格式化函数
return 'Series2: ' + params.value;
}
}
}
```
3. 在每个series中设置tooltip属性为false,这样就可以禁用默认的tooltip显示,例如:
```
series: [
{
name: 'series1',
type: 'line',
data: [1, 2, 3, 4],
tooltip: false
},
{
name: 'series2',
type: 'line',
data: [5, 6, 7, 8],
tooltip: false
}
]
```
这样就可以给不同的图表设置不同的tooltip了。
阅读全文