echarts地图不用鼠标事件tooltip一直显示
时间: 2023-08-11 09:18:59 浏览: 2780
chart游标跟随并悬停显示ToolTip
4星 · 用户满意度95%
您可以在使用 ECharts 地图时,设置 tooltip 的触发条件为 `always`,以达到不需要鼠标事件时一直显示 tooltip 的效果。具体实现方法如下:
1. 在 ECharts 的 option 中,设置 tooltip 的触发条件为 `always`,例如:
```js
{
...
tooltip: {
trigger: 'always'
},
series: [{
type: 'map',
map: 'china',
...
}]
...
}
```
在上述代码中,设置了 tooltip 的触发条件为 `always`。
2. 设置 tooltip 的显示内容,例如:
```js
{
...
tooltip: {
trigger: 'always',
formatter: function (params) {
return params.name + ': ' + params.value;
}
},
series: [{
type: 'map',
map: 'china',
...
}]
...
}
```
在上述代码中,设置了 tooltip 的显示内容为地图区域的名称和数据值。
通过以上步骤,就可以实现 ECharts 地图不需要鼠标事件时一直显示 tooltip 的效果。
阅读全文