SwiftUI Charts编程式滚动X轴无动画及禁用触摸问题求助

1. 实现平滑编程式滚动动画 #

当前chartScrollPosition绑定并不支持通过withAnimation直接触发滚动过渡动画，你可以改用chartXVisibleDomain来控制图表的可见范围，这个属性支持动画过渡。

代码示例： #

// 假设你的数据模型结构如下
struct WeightData: Identifiable {
    let id = UUID()
    let date: Date
    let value: Double
}

struct WeightChartView: View {
    @State private var visibleDateRange: ClosedRange<Date>?
    let data: [WeightData]
    
    // 初始化时设置初始可见范围（示例为最近7天）
    init(data: [WeightData]) {
        self.data = data
        if let latestDate = data.map(\.date).max() {
            let startDate = Calendar.current.date(byAdding: .day, value: -6, to: latestDate)!
            _visibleDateRange = State(initialValue: startDate...latestDate)
        }
    }
    
    var body: some View {
        Button {
            withAnimation(.easeInOut(duration: 0.5)) {
                // 计算新的可见范围（向前滚动一天）
                guard let currentRange = visibleDateRange else { return }
                let newStart = Calendar.current.date(byAdding: .day, value: -1, to: currentRange.lowerBound)!
                let newEnd = Calendar.current.date(byAdding: .day, value: -1, to: currentRange.upperBound)!
                visibleDateRange = newStart...newEnd
            }
        } label: {
            Text("向前滚动一天")
        }
        
        Chart(data) { dataPoint in
            LineMark(
                x: .value("日期", dataPoint.date),
                y: .value("体重", dataPoint.value)
            )
        }
        .chartXVisibleDomain(visibleDateRange)
        .chartScrollableAxes(.horizontal)
    }
}

原理说明： #

• chartXVisibleDomain用于直接控制图表X轴的可见区间，当这个值在withAnimation块中更新时，图表会平滑过渡到新的可见范围。
• 你可以根据需求调整动画的时长和曲线（比如.easeInOut、.spring()等）。

2. 禁用用户触摸滚动 #

iOS 17+ 方案（推荐） #

chartScrollableAxes新增了enableScrolling参数，直接设置为false即可禁用用户手动滚动：

.chartScrollableAxes(.horizontal, enableScrolling: false)

iOS 16 兼容方案 #

如果需要支持iOS 16，可以通过添加高优先级的空拖动手势来拦截用户的滚动操作：

.chartScrollableAxes(.horizontal)
.highPriorityGesture(DragGesture())

这样用户的拖动手势会被这个空手势捕获，不会触发图表的滚动。

补充说明 #

• 若仍想使用chartScrollPosition，目前iOS 17及以下版本原生不支持其动画过渡，上述chartXVisibleDomain是更可靠的实现方式。
• 确保你的Date计算逻辑准确，避免出现无效范围导致图表异常。

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