Highcharts面积范围图tooltip闪烁问题及图例符号修改需求

一、解决Tooltip闪烁问题（保持shared: false） #

闪烁的核心原因是鼠标悬停在重叠区域时，AreaRange和Line系列的Tooltip会交替触发。可以通过以下两个配置组合解决：

1. 给Line系列添加stickyTracking: true，让Tooltip在选中该系列时保持激活状态，不会轻易切换到其他系列：

{
  type: 'line',
  // 其他配置...
  stickyTracking: true
}

2. 在Tooltip配置中增大snap值，提高触发系列切换的鼠标移动阈值，减少频繁切换：

tooltip: {
  shared: false,
  snap: 10 // 数值可根据实际情况调整，越大越不容易切换
}

二、修改Line系列的图例符号为圆形 #

直接在Line系列的配置中设置marker.symbol为'circle'，图例符号会自动同步标记点的样式：

{
  type: 'line',
  // 其他配置...
  marker: {
    symbol: 'circle'
  }
}

如果仅需要修改图例符号、保持线上标记点样式不变，可以通过自定义legendSymbol实现：

{
  type: 'line',
  // 其他配置...
  legendSymbol: function() {
    return Highcharts.SVGRenderer.prototype.symbols.circle(0, 0, 10, 10);
  }
}

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