echarts雷达图 鼠标悬停位置才显示圆点
时间: 2023-08-22 18:03:43 浏览: 272
在 Echarts 中,可以通过设置 `tooltip.trigger` 为 `'item'`,并在 `tooltip.formatter` 中设置显示的内容,来实现鼠标悬停到某个位置时才显示圆点。具体实现方式如下:
```javascript
option = {
// ... 其他配置
tooltip: {
trigger: 'item', // 鼠标悬停到单个数据项上时触发显示
formatter: function(params) {
// 在这里设置需要显示的内容
return params.marker + params.seriesName + ': ' + params.value + '<br/>';
}
},
series: [{
type: 'radar',
// ... 其他配置
data: [{
// ... 其他配置
itemStyle: {
emphasis: {
// 设置圆点的半径
borderWidth: 8,
borderColor: '#fff',
}
}
}]
}]
}
```
在上面的代码中,通过在 `tooltip` 中设置 `trigger` 为 `'item'`,并在 `formatter` 中设置需要显示的内容,来实现鼠标悬停到单个数据项上时触发显示。同时,在数据项的 `itemStyle` 中设置圆点的样式,来实现圆点的突出显示。
阅读全文
相关推荐
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)