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

Echarts如何配置tooltip排除指定系列 仅特定系列可触发提示

解决Echarts指定系列不触发tooltip的方案

要实现仅蓝色系列触发tooltip、绿色系列完全不触发的需求,可通过以下两种方案实现:

方案1:单个系列直接禁用tooltip(推荐,最简实现)

直接在绿色系列的series配置项中添加tooltip.show = false即可,该配置对trigger: 'item'和trigger: 'axis'两种tooltip触发模式均生效:

option = {
  tooltip: {
    // 两种触发模式都兼容
    trigger: 'axis'
  },
  series: [
    // 蓝色系列,正常触发tooltip,无需额外配置
    {
      name: '蓝色系列',
      type: 'line',
      data: [120, 200, 150, 80, 70, 110, 130]
    },
    // 绿色指示系列,禁用tooltip
    {
      name: '绿色指示系列',
      type: 'line',
      // 核心配置:关闭当前系列的tooltip
      tooltip: {
        show: false
      },
      // 可选配置:禁用悬浮高亮效果,完全作为静态视觉指示器
      emphasis: {
        disabled: true
      },
      data: [200, 200, 200, 200, 200, 200, 200]
    }
  ]
}

方案2:通过tooltip formatter过滤(适合多系列批量过滤场景)

如果需要批量过滤多个系列的tooltip内容,可以在全局tooltip配置中用formatter回调过滤不需要展示的系列:

option = {
  tooltip: {
    trigger: 'axis',
    formatter: (params) => {
      // 过滤掉不需要展示的绿色系列
      const validParams = params.filter(item => item.seriesName !== '绿色指示系列')
      // 拼装tooltip内容
      return validParams.map(param => `${param.marker} ${param.seriesName}: ${param.value}`).join('<br/>')
    }
  },
  series: [
    // 各系列配置不变
  ]
}

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.10.05 20:12:01