LightningChart v4.x如何限制X轴范围为现有数据？v3.x方法失效

问题根源 #

v4.0的onIntervalChange会在调用axis.setInterval时同步触发回调，而v3.x的onScaleChange仅响应用户交互触发的缩放操作。直接迁移v3.x的代码会导致无限递归调用，最终引发栈溢出。

方案1：用标记位跳过递归回调 #

通过临时标记区分用户交互触发的回调和代码调用setInterval触发的回调，避免重复执行限制逻辑：

let isAdjustingInterval = false

axisX.onIntervalChange((start, end) => {
    // 跳过代码主动触发的回调
    if (isAdjustingInterval) return

    let newStart = start
    let newEnd = end
    const needAdjust = start < minInterval || end > maxInterval

    if (start < minInterval) newStart = minInterval
    if (end > maxInterval) newEnd = maxInterval

    if (needAdjust) {
        isAdjustingInterval = true
        axisX.setInterval(newStart, newEnd)
        isAdjustingInterval = false
    }
})

方案2：使用内置范围限制API（推荐） #

LightningChart v4.0 提供了原生的轴范围限制能力，无需手动监听回调，彻底避免递归问题：

// 直接限制轴的可见范围边界
axisX.setScrollStrategy({
    type: 'restrict',
    start: { min: minInterval },
    end: { max: maxInterval }
})

// 若需限制最小缩放级别，可额外添加
axisX.setScrollStrategy({
    type: 'restrict',
    minimumInterval: maxInterval - minInterval,
    start: { min: minInterval },
    end: { max: maxInterval }
})

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