SwiftUI Charts中position(by)下重复数据点的选中问题

方案一：直接给每个BarMark绑定独立点击手势（最简洁可靠） #

既然你已经用position(by:)让同XY值的BarMark并排显示，每个BarMark本身就是独立的可交互视图，直接给单个BarMark添加点击手势就能精准识别选中，不需要依赖全局的chartXSelection/chartYSelection或者复杂的chartOverlay位置计算。

修改代码如下：

Chart {
    ForEach(myData, id: \.id) { log in
        BarMark(
            x: .value("Date", log.date, unit: .date),
            y: .value("Amount", log.amount),
            stacking: .unstacked
        )
        .position(by: .value("DataID", "\(log.id)")) // 修正原代码的data.id为log.id
        .gesture(
            TapGesture(minimumDistance: 0)
                .onEnded {
                    // 直接处理当前点击的数据
                    print("选中数据：\(log)")
                    // 示例：更新选中状态
                    // viewModel.selectedLog = log
                }
        )
    }
}

该方案优势：

• 完全避开chartXSelection无法区分同XY值数据的缺陷
• 每个BarMark的点击事件独立，识别精准，无需额外位置计算
• 代码逻辑简单，维护成本低

方案二：修正chartOverlay的位置计算逻辑（适配position(by)分组） #

如果一定要用chartOverlay全局手势方案，需要修正findBarAtLocation的宽度计算逻辑——position(by:)会将相同X值的BarMark分为一组，每组内的BarMark并排占用该X刻度对应的宽度，而非整个图表宽度均分所有数据点。

修正后的核心逻辑： #

1. 按X值（date）对数据分组，记录每组内的元素和索引
2. 计算每个X刻度在图表上的宽度（相邻X值的位置差）
3. 每组内单个BarMark宽度 = 该X刻度宽度 / 组内数据数量
4. 结合组内索引计算每个BarMark的左右边界

修正后的代码示例：

func findBarAtLocation(location: CGPoint, dataPoints: [Data_Log], chartFrame: CGRect, chartProxy: ChartProxy) -> Data_Log? {
    // 按日期分组，保留元素和原索引
    let groupedByDate = Dictionary(grouping: dataPoints.enumerated(), by: { $0.element.date })
    
    for (date, groupedItems) in groupedByDate {
        guard let currentX = chartProxy.position(forX: date) else { continue }
        // 计算当前日期刻度的宽度（取下一个日期的位置差，无下一个则用剩余宽度）
        let nextDate = dataPoints.filter { $0.date > date }.min(by: { $0.date < $1.date })?.date
        let nextX = nextDate.flatMap { chartProxy.position(forX: $0) } ?? chartFrame.width
        let dateRangeWidth = nextX - currentX
        
        // 组内单个bar的宽度
        let barWidthPerItem = dateRangeWidth / CGFloat(groupedItems.count)
        
        // 遍历组内元素计算实际位置
        for (index, item) in groupedItems {
            let barCenterX = currentX + barWidthPerItem * (CGFloat(index) + 0.5)
            let barLeft = barCenterX - barWidthPerItem / 2
            let barRight = barCenterX + barWidthPerItem / 2
            
            guard location.x >= barLeft && location.x <= barRight else { continue }
            
            // Y轴位置计算逻辑不变
            guard let barTopY = chartProxy.position(forY: item.element.amount) else { continue }
            let barBottomY = chartFrame.height
            
            if location.y >= barTopY && location.y <= barBottomY {
                return item.element
            }
        }
    }
    return nil
}

同时注意原chartOverlay中确保dataPoints是完整数据列表，且position(by:)的参数引用正确（原代码的data.id需改为log.id）。

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