trigger: 'axis',
时间: 2023-09-25 19:13:28 浏览: 94
这段代码是 ECharts 中设置 tooltip 触发方式的一种方式,表示在 x 轴上的每个点上显示 tooltip。具体来说,当鼠标悬停在某个点上时,会触发该点对应的 tooltip 显示。
举个例子,假设我们有如下的一组数据:
```
var data = [
{name: '一月', value: 100},
{name: '二月', value: 200},
{name: '三月', value: 150},
{name: '四月', value: 300},
{name: '五月', value: 250}
];
```
如果我们使用 trigger: 'axis',那么当我们把数据绘制成折线图或柱状图时,鼠标悬停在每个点上时,就会触发该点对应的 tooltip 显示,显示的内容为该点的数据信息。
具体代码如下:
```
option = {
xAxis: {
type: 'category',
data: data.map(item => item.name)
},
yAxis: {
type: 'value'
},
series: [{
type: 'line',
data: data.map(item => item.value)
}],
tooltip: {
trigger: 'axis'
}
};
```
这样就可以实现在 x 轴上的每个点上显示 tooltip 了。
阅读全文