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

