Highcharts问题：添加xrange系列后Y轴刻度/范围异常变化

核心问题原因 #

你添加的xrange系列包含y: 0的点，导致Highcharts计算Y轴极值时将0纳入范围，进而拉伸Y轴，压缩了K线的显示比例。

解决方案1：让xrange系列不参与Y轴极值计算 #

在xrange系列的配置中添加includeInYAxisExtremes: false，系统计算Y轴范围时会忽略该系列，仅基于OHLC数据动态调整：

{
  type: 'xrange',
  includeInYAxisExtremes: false, // 关键配置项
  data: [
    // 你的xrange数据
  ],
  // 拖拽相关配置
}

添加后，Y轴会继续根据可见的OHLC数据自动缩放，不会被xrange的点干扰。

替代方案：用Annotation模块实现可拖拽价格线 #

如果只是需要可拖拽的价格标记线，Annotation模块是更轻量的选择，无需额外系列，自然不会影响Y轴：

annotations: [{
  draggable: 'y', // 仅允许Y方向拖拽
  labels: [{
    point: {
      x: 0,
      y: 20000, // 初始价格位置
      xAxis: 0,
      yAxis: 0
    },
    text: '标记价格'
  }],
  shapes: [{
    type: 'path',
    path: ['M', 0, 20000, 'L', '100%', 20000], // 贯穿X轴的水平线
    strokeWidth: 2,
    stroke: '#ff0000'
  }],
  events: {
    drag: function(e) {
      const targetY = e.target.labels[0].point.y;
      e.target.shapes[0].attrs.path = ['M', 0, targetY, 'L', '100%', targetY];
    }
  }
}]

这个方案通过注释功能实现拖拽，完全不会影响Y轴的自动缩放逻辑。

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