Highcharts最大值系列开发：交叉点显示异常问题求助

听起来你在构建Highcharts的最大值系列时遇到了逻辑冲突的问题——既要捕捉交叉点，又要保证每个x轴对应真实的最大值，还得处理A、B这类特殊点的矛盾。我给你几个具体的思路来解决：

1. 回归最大值系列的核心逻辑：直接提取每个x轴的峰值 #

不要把交叉点识别和最大值提取混在一起，先单独构建最大值系列：

• 遍历每个x轴的刻度值（比如xAxis.categories或者xAxis.tickPositions，根据你的轴类型调整）
• 对每个x值，收集所有已有系列在该位置的点的y值
• 取这些y值的最大值，作为新系列在该x位置的点
• 这样生成的系列天然就是每个x轴的最高值，从根源上避免A点低于某条系列线的问题，因为它只取当前x的最大y值

示例伪代码：

// 假设已有系列存在chart.series中
const maxSeriesData = [];
// 获取所有x轴的唯一值（分类轴或数值轴都适用）
const xValues = [...new Set(chart.series.flatMap(series => series.data.map(point => point.x)))];

xValues.forEach(x => {
  const allYValues = chart.series.map(series => {
    const targetPoint = series.data.find(point => point.x === x);
    // 没有对应点的话用极小值排除，不影响最大值计算
    return targetPoint ? targetPoint.y : -Infinity;
  });
  const maxY = Math.max(...allYValues);
  maxSeriesData.push({ x, y: maxY });
});

// 将最大值系列添加到图表
chart.addSeries({
  name: 'X轴对应最大值',
  data: maxSeriesData,
  color: '#ff4500',
  lineWidth: 2,
  marker: { enabled: true }
});

2. 拆分交叉点与最大值系列的需求 #

如果你的业务需要同时保留交叉点标记，建议把两个需求分开处理：

• 先按上面的方法生成纯最大值系列，保证线条的准确性
• 单独识别交叉点，作为一个散点系列添加到图表中，用特殊标记（比如不同的颜色、形状）区分
• 这样A点如果是交叉点但不是当前x的最大值，只会出现在散点系列里，不会干扰最大值线条；B点如果既不是交叉点也不是最大值，直接排除即可

3. 修复原逻辑的矛盾判断 #

如果你坚持要在同一个系列里整合最大值和交叉点，需要调整判断优先级：

• 核心判断标准改为：该点是否为当前x轴的最大值，而不是“是否属于某条系列线”
• 对于交叉点，只有当它同时是当前x的最大值时，才纳入系列；否则作为单独标记处理
• 这样就能避免B点因为不属于计算线条而被错误排除的问题，因为B点只要是当前x的最大值，就会被保留

小提示：Highcharts的点对象自带series属性，可以用来判断点所属的系列，你可以在筛选时结合这个属性做更精细的控制。

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