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
相关产品推荐
相关产品推荐

