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
相关产品推荐
相关产品推荐

