You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用R语言echarts4r包,鼠标悬停时能否高亮多折线图系列?

在echarts4r中实现多折线图悬停高亮/淡化其他系列

当然可以啦!你想要的这种鼠标悬停时高亮当前折线、淡化其他系列的交互效果,在echarts4r里完全能实现——ECharts原生就支持这种系列级别的悬停强调,咱们只需要简单配置下相关属性就行。

下面是修改后的示例代码,直接就能用:

library(echarts4r)

mtcars %>% 
  e_charts(mpg) %>% 
  e_title("MTCARS", "Test chart") %>% 
  # 核心配置:开启系列级聚焦,悬停时只高亮当前折线
  e_add_nested("emphasis", focus = "series") %>% 
  # 设置其他折线的模糊状态:降低透明度、变细,让它们不抢焦点
  e_add_nested("blur.lineStyle", opacity = 0.2, width = 1) %>% 
  # 可选:强化当前折线的高亮效果,让它更醒目
  e_add_nested("emphasis.lineStyle", opacity = 1, width = 3) %>% 
  e_line(drat) %>% 
  e_line(wt) %>% 
  e_datazoom(type = "slider") %>% 
  e_tooltip(trigger = "axis") %>% 
  e_toolbox()

简单解释下关键配置:

  • e_add_nested("emphasis", focus = "series"):这是核心,告诉ECharts当鼠标悬停到某条折线时,把焦点锁定在这个系列上,其他系列自动进入模糊状态。
  • e_add_nested("blur.lineStyle", ...):自定义模糊状态的样式,这里把透明度调到0.2,线条变细,非聚焦的折线就会明显淡化,突出当前折线。
  • e_add_nested("emphasis.lineStyle", ...):这是可选配置,如果你想让当前折线更突出,可以把它的线条加粗、透明度拉满,视觉效果会更强烈。

现在运行这段代码,你把鼠标移到任意一条折线上试试,就能看到效果啦——当前折线清晰醒目,另一条则会变得暗淡,和饼图的悬停放大效果类似,都是通过视觉聚焦提升交互体验~

内容的提问来源于stack exchange,提问作者Vlad

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.26 10:18:44