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

Google Charts:如何在tooltip中隐藏指定数据系列?

解决Google Charts指定系列不显示在Tooltip的方案(无需自定义完整Tooltip)

针对你遇到的问题——要在图表中保留指定系列的显示,但不让它们出现在focusTarget: 'category'模式的Tooltip里,同时不想自行编写完整Tooltip HTML,有两个原生配置方案可行:

方案一:给目标系列单独配置Tooltip触发规则

直接给不需要显示在Tooltip的系列添加tooltip: { trigger: 'none' }配置,该系列会正常渲染在图表中,但完全不触发Tooltip条目,同时配合visibleInLegend: false隐藏图例:

series: {
  // 替换为你需要隐藏Tooltip的系列索引
  2: {
    visibleInLegend: false,
    tooltip: { trigger: 'none' }
  },
  3: {
    visibleInLegend: false,
    tooltip: { trigger: 'none' }
  }
  // 其他需要处理的系列依次添加
}

方案二:用全局Tooltip的Filter函数批量过滤

如果需要批量处理多个系列,更高效的方式是在全局Tooltip配置中添加filter函数,返回false的系列会被排除在Tooltip之外:

tooltip: {
  focusTarget: 'category',
  filter: function(tooltipItem) {
    // 替换为你需要排除的系列名称列表
    const excludedSeries = ['Warme dag', 'Grens tropische dag'];
    // 补充中间需要排除的系列名称
    return !excludedSeries.includes(tooltipItem.seriesName);
  }
}

这个方案无需逐个指定系列索引,直接通过系列名称匹配过滤,更灵活。

两种方案都基于Google Charts原生配置实现,不需要自定义完整Tooltip HTML,完全满足「数据显示、图例隐藏、Tooltip排除指定系列」的需求。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.08.22 11:54:25