You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

LightningChart JS:识别AutoCursor捕获的Series及对应数据项

关于AutoCursor切换Series的问题解答

1. 监听AutoCursor切换目标的事件

监听chart.cursor.changed事件,当AutoCursor切换到新的目标Series时,该事件会触发。示例代码:

chart.cursor.changed.on(() => {
  // 编写切换后的处理逻辑
});

2. 确定当前目标Series

通过chart.cursor.target属性获取AutoCursor当前指向的目标元素,再通过该元素的series属性关联到对应的Series。建议给两个OHLCSeries设置唯一的id或name,方便区分:

chart.cursor.changed.on(() => {
  const target = chart.cursor.target;
  if (target) {
    const currentSeries = target.series;
    if (currentSeries.id === "ohlcSeries1") {
      // 当前指向第一个OHLC系列
    } else if (currentSeries.id === "ohlcSeries2") {
      // 当前指向第二个OHLC系列
    }
  }
});

3. 定位原始数据集中的对应项

通过目标元素的dataItem属性获取对应的数据项,再通过dataItem.dataContext直接拿到你用add函数添加的原始数据对象:

chart.cursor.changed.on(() => {
  const target = chart.cursor.target;
  if (target) {
    const originalData = target.dataItem.dataContext;
    // originalData就是添加到Series的原始数据集中的对应项
  }
});

内容的提问来源于stack exchange,提问作者emorling

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.07.20 13:42:33