如何用变量选择结构体属性绘制复用的SwiftUI Chart视图？

先补全你的枚举和结构体定义（假设你是这么写的）：

struct MotionDataPointM {
    let timestamp: Date
    let xGyro: Double
    let yGyro: Double
    let zGyro: Double
    let xAccel: Double
    let yAccel: Double
    let zAccel: Double
}

enum VectorToPlot {
    case xGyro, yGyro, zGyro, xAccel, yAccel, zAccel
    
    // 每个枚举值对应显示的图例名称
    var displayName: String {
        switch self {
        case .xGyro: return "X轴陀螺仪"
        case .yGyro: return "Y轴陀螺仪"
        case .zGyro: return "Z轴陀螺仪"
        case .xAccel: return "X轴加速度"
        case .yAccel: return "Y轴加速度"
        case .zAccel: return "Z轴加速度"
        }
    }
    
    // 核心：定义闭包，从数据结构体中提取对应数值
    var valueExtractor: (MotionDataPointM) -> Double {
        switch self {
        case .xGyro: return { $0.xGyro }
        case .yGyro: return { $0.yGyro }
        case .zGyro: return { $0.zGyro }
        case .xAccel: return { $0.xAccel }
        case .yAccel: return { $0.yAccel }
        case .zAccel: return { $0.zAccel }
        }
    }
}

编写可复用的Chart视图 #

把Chart的通用逻辑封装成一个独立View，通过枚举传递要绘制的向量：

struct ReusableMotionChart: View {
    let data: [MotionDataPointM]
    let vector: VectorToPlot
    
    var body: some View {
        Chart(data, id: \.timestamp) { element in
            LineMark(
                x: .value("时间", element.timestamp),
                // 直接用枚举的闭包提取数值，图例名称也从枚举获取
                y: .value(vector.displayName, vector.valueExtractor(element))
            )
            .interpolationMethod(.catmullRom) // 可选，根据需求调整曲线插值方式
        }
        .chartXAxis {
            AxisMarks(position: .bottom) { _ in
                AxisGridLine()
                AxisTick()
                AxisLabel(format: .dateTime.hour().minute().second(), centered: true)
            }
        }
        .chartYAxisLabel(vector.displayName)
        .padding()
    }
}

使用复用视图 #

只需要传入数据源和对应的枚举值，就能生成不同的Chart：

// 假设你已经有了数据源数组
let motionData: [MotionDataPointM] = // 你的运动数据

// 生成六个不同的Chart
ReusableMotionChart(data: motionData, vector: .xGyro)
ReusableMotionChart(data: motionData, vector: .yGyro)
ReusableMotionChart(data: motionData, vector: .zGyro)
ReusableMotionChart(data: motionData, vector: .xAccel)
ReusableMotionChart(data: motionData, vector: .yAccel)
ReusableMotionChart(data: motionData, vector: .zAccel)

为什么之前单独用switch/case会报错？ #

SwiftUI的ViewBuilder要求闭包内的代码返回类型必须完全统一。如果直接在y: .value(...)行写switch，每个case返回的PlottableValue虽然逻辑上一样，但编译器可能会判定为不同的具体类型，从而抛出错误。而用枚举封装闭包的方式，把取数逻辑提前抽离，在Chart中只做统一调用，类型完全一致，就不会有这个问题。

可选的灵活写法 #

如果不需要枚举的约束，也可以直接给复用视图传闭包和名称：

struct ReusableMotionChart: View {
    let data: [MotionDataPointM]
    let yValueExtractor: (MotionDataPointM) -> Double
    let yLabel: String
    
    var body: some View {
        Chart(data, id: \.timestamp) { element in
            LineMark(
                x: .value("时间", element.timestamp),
                y: .value(yLabel, yValueExtractor(element))
            )
        }
        // ...保留通用样式代码
    }
}

// 使用示例
ReusableMotionChart(data: motionData, yValueExtractor: { $0.xGyro }, yLabel: "X轴陀螺仪")

不过更推荐枚举方式，能避免拼写错误、约束可选的绘制向量，代码更健壮。

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