swift - 使用多条线创建折线图

Question

查看Apple Documentation如果您的数据集结构正确(我的不是)，我找到了一种直接的方法来执行此操作。我一直在处理包含结构如下的行的 CSV 文件:

PM2.5 data, PM10 data, DateTime
PM2.5 data, PM10 data, DateTime
...

我已经将每一行解析为一个Measurement对象:

struct Measurement: Identifiable {
    var id: String // time of measurement 
    var pm25: Float
    var pm10: Float
}

我天真地假设我可以这样添加多个线标记(measurements 是一个 Measurement 对象数组):

            Chart(measurements){
                LineMark (
                    x: .value("Time", $0.id),
                    y: .value("PM2.5", $0.pm25)
                )
                
                LineMark (
                    x: .value("Time", $0.id),
                    y: .value("PM2.5", $0.pm10)
                )
            }

但这不会创建多行。谁能就如何在 Swift UI 中使用 Swift Charts 提供任何建议？我在 Stack Overflow 上找到了很多解决方案，但它们适用于 Swift 4 或更早版本，没有适用于 SwiftUI。

Answer 1

您可以尝试这种简单的方法，使用 LineMark 的 series 版本:

Chart(measurements) {
    LineMark(
        x: .value("Time", $0.id),
        y: .value("PM2.5", $0.pm25),
        series: .value("pm25", "A")  // <-- here
    ).foregroundStyle(.red)
    
    LineMark(
        x: .value("Time", $0.id),
        y: .value("PM1.0", $0.pm10),
        series: .value("pm10", "B")   // <-- here
    ).foregroundStyle(.green)
}