Highcharts如何仅显示最后两个系列的Tooltip，隐藏其余系列？

当然可以实现啦！我猜你大概率用的是ECharts这类主流图表库（要是其他库思路也差不多），核心就是通过控制tooltip的显示逻辑，只保留最后两个系列的内容就行。我给你两种常用的实现方案：

方法一：自定义Tooltip格式化函数过滤数据 #

这种方法适合动态生成系列的场景，不管系列数量怎么变，都能自动保留最后两个的tooltip：

• 找到图表配置中的tooltip项，自定义它的formatter函数
• 在函数里拿到当前悬停的所有数据项，筛选出最后两个系列的数据
• 如果筛选后没有数据，返回空字符串，就不会显示tooltip了；反之则格式化内容展示

示例代码：

option = {
  // 其他基础配置（比如xAxis、yAxis等）...
  tooltip: {
    trigger: 'axis', // 折线/柱状图常用axis触发，根据你的图表类型调整
    formatter: function(params) {
      // 从所有悬停数据中截取最后两个系列的数据
      const targetSeries = params.slice(-2);
      
      // 如果没有符合条件的数据，直接返回空，不显示tooltip
      if (targetSeries.length === 0) return '';
      
      // 自定义tooltip的显示内容，可根据需求调整样式
      let content = `<div>当前X轴值：${params[0].axisValue}</div>`;
      targetSeries.forEach(item => {
        content += `<div style="color:${item.color}">${item.seriesName}：${item.value}</div>`;
      });
      return content;
    }
  },
  series: [
    { name: '不需要显示的系列1', data: [/* 你的数据 */] },
    { name: '不需要显示的系列2', data: [/* 你的数据 */] },
    { name: '对应1699的系列', data: [/* 包含1699的数据 */] },
    { name: '对应1750的系列', data: [/* 包含1750的数据 */] }
  ]
};

方法二：给特定系列单独配置Tooltip显示状态 #

如果你的系列是固定的，直接给前几个系列禁用tooltip，最后两个启用就行，更简单直接：

series: [
  { 
    name: '不需要显示的系列1', 
    data: [/* 你的数据 */],
    tooltip: { show: false } // 禁用该系列的tooltip
  },
  { 
    name: '不需要显示的系列2', 
    data: [/* 你的数据 */],
    tooltip: { show: false }
  },
  { 
    name: '对应1699的系列', 
    data: [/* 包含1699的数据 */],
    tooltip: { show: true } // 启用tooltip
  },
  { 
    name: '对应1750的系列', 
    data: [/* 包含1750的数据 */],
    tooltip: { show: true }
  }
]

要是你用的是其他图表库（比如Highcharts），思路也是类似的：要么通过tooltip的格式化函数过滤数据，要么给指定系列关闭tooltip显示。

内容的提问来源于stack exchange，提问作者Bastcri