如何为SwiftUI折线图的每个系列指定运行时自定义颜色？

方案1：将运行时字典转换为KeyValuePairs #

chartForegroundStyleScale要求传入KeyValuePairs类型，但可以通过字典的uniqueKeysWithValues初始化器，把运行时生成的[String: Color]字典转换成符合要求的类型，无需编译时硬编码：

struct DataPoint: Identifiable, Hashable {
    let series: String
    let x: Int
    let y: Int
    
    var id: DataPoint { self }
}

let data: [DataPoint] = [
    DataPoint(series: "A", x: 1, y: 1),
    DataPoint(series: "A", x: 2, y: 2),
    DataPoint(series: "B", x: 3, y: 1),
    DataPoint(series: "B", x: 4, y: 1),
]

// 运行时生成的系列-颜色映射
let seriesColors: [String: Color] = [
    "A": .red,
    "B": .green
]

struct ContentView: View {
    var body: some View {
        Chart(data) {
            LineMark(
                x: .value("X", $0.x),
                y: .value("Y", $0.y),
                series: .value("Series", $0.series))
        }
        // 将字典转换为KeyValuePairs传入
        .chartForegroundStyleScale(KeyValuePairs(uniqueKeysWithValues: seriesColors))
    }
}

方案2：直接在LineMark中绑定系列颜色（解决你更新中的问题） #

你尝试让Color遵循Plottable的方式存在问题：Color的==比较并不可靠，通过颜色反向查找系列键的逻辑会导致系列识别混乱。正确的做法是直接基于series字段为每个LineMark指定颜色，同时保留series参数确保折线分组正确：

let colorsBySeries: [String: Color] = ["A": .brown, "B": .purple]

struct ContentView: View {
    var body: some View {
        Chart(data) { point in
            LineMark(
                x: .value("X", point.x),
                y: .value("Y", point.y),
                series: .value("Series", point.series) // 必须保留，确保系列分组
            )
            .foregroundStyle(colorsBySeries[point.series] ?? .gray) // 直接绑定对应颜色，添加默认值避免崩溃
        }
    }
}

关键说明 #

• 无论哪种方案，series参数都必须保留，它是SwiftUI Chart区分不同折线系列的核心依据。
• 如果系列颜色可能存在缺失，建议添加默认颜色（比如.gray）避免崩溃。

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