如何取消Highcharts折线图hover时其他系列线条的灰化效果？

要解决hover目标折线时其他系列灰化的问题，核心是关闭Highcharts默认的「非活动系列灰化」行为，结合你已有的mouseTracking配置即可实现需求：

• 全局配置（所有图表适用）：
  在初始化图表前设置全局选项，禁用所有系列的非活动灰化效果：

  Highcharts.setOptions({
    plotOptions: {
      series: {
        inactiveOtherSeries: false
      }
    }
  });
  

• 单个图表配置（仅当前图表生效）：
  在当前图表的配置项中添加plotOptions.series.inactiveOtherSeries: false，同时保留你原来的mouseTracking设置：

  Highcharts.chart('container', {
    // 其他图表配置（如xAxis、yAxis等）
    plotOptions: {
      series: {
        inactiveOtherSeries: false // 关闭其他系列灰化
      }
    },
    series: [
      {
        name: '系列A',
        data: [10, 20, 30],
        mouseTracking: false // 禁用鼠标跟踪，不显示tooltip
      },
      {
        name: '系列B',
        data: [15, 25, 35],
        mouseTracking: false
      },
      {
        name: '可显示Tooltip的系列',
        data: [5, 15, 25],
        mouseTracking: true // 启用鼠标跟踪，显示tooltip
      }
    ]
  });
  

如果需要针对特定系列单独控制是否灰化，也可以在对应系列的配置中单独设置states.inactive.opacity: 1，强制保持原透明度：

series: [
  {
    name: '系列A',
    data: [10, 20, 30],
    mouseTracking: false,
    states: {
      inactive: {
        opacity: 1 // 即使处于非活动状态也不灰化
      }
    }
  }
]

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