点击股票图表获取Crosshair十字准线yAxis对应的价格数值

你原有代码拿不到正确值的原因很明确：

• 调用yAxis.scale().ticks().get()拿到的是y轴预渲染的固定刻度列表，和十字准线的实时位置没有关联
• 调用chart.crosshair().yLabel()拿到的是y轴标签的渲染实例/DOM对象，本身不会直接返回标签展示的数值

正确实现思路 #

十字准线y标签展示的数值，本质是鼠标当前位置的纵向像素坐标，经过y轴比例尺反向换算得到的原始价格值，不需要去读取标签渲染的文本，直接通过坐标换算拿到的结果最准确，不会受标签格式化（加货币符号、单位缩写、小数截断）的影响。

可直接运行的参考代码 #

const yAxis = plot.yAxis();
// 提前缓存绘图区域的顶部偏移，避免每次点击重复计算
const plotAreaTop = plot.getPlotArea().top;

plot.listen('click', function (e) {
  // 计算鼠标在绘图区域内的相对纵向像素坐标
  const relativeY = e.clientY - plotAreaTop;
  // 调用比例尺反向转换方法，把像素坐标转为对应价格值
  // 注：不同图表库的转换方法名可能为pixelToValue，以你用的库文档为准，核心逻辑一致
  const crosshairPrice = yAxis.scale().invert(relativeY);

  console.log('十字准线对应y轴价格：', crosshairPrice);
  // 直接把值存入你指定的变量即可
  // targetVariable = crosshairPrice;
});

补充说明 #

• 如果你用的图表库版本在crosshair实例上直接暴露了实时值属性（比如部分版本的TradingView轻量图表支持chart.crosshair().yValue()直接读值），点击时直接调用该方法也能拿到结果，但坐标转换的方式兼容性更强，不受库版本API变动影响。
• 不建议通过读取yLabel的文本内容解析数值，一旦标签做了格式化展示（比如显示$20.00、20k这类格式），你还需要额外做字符串清洗转换，很容易出现解析错误。

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