如何为Swift Charts的chartForegroundStyleScale创建动态输入？

问题背景 #

Swift Charts中用于配置系列样式的chartForegroundStyleScale方法，签名如下：

func chartForegroundStyleScale<DataValue, S>(_ mapping: KeyValuePairs<DataValue, S>) -> some View where DataValue : Plottable, S : ShapeStyle

该方法要求传入KeyValuePairs类型的参数，但KeyValuePairs的字典字面量初始化器仅支持可变参数传入，导致直接传递动态生成的[(String, Color)]数组时会报错：

Cannot pass array of type '[(String, Color)]' as variadic arguments of type '(String, Color)'

这并非Swift Charts强制要求硬编码系列名称，而是需要用正确方式构造KeyValuePairs实例。

解决方案1：将动态数组转换为KeyValuePairs #

KeyValuePairs支持直接通过数组初始化，无需依赖可变参数的字典字面量。只需将动态生成的元组数组传入KeyValuePairs初始化器即可：

// 动态生成的系列样式数组
let dynamicStyleTuples: [(String, Color)] = [
    ("销量", .systemBlue),
    ("利润", .systemGreen),
    ("成本", .systemRed)
]

// 转换为KeyValuePairs
let styleMapping = KeyValuePairs(dynamicStyleTuples)

// 在图表中应用
Chart(salesData) { item in
    LineMark(
        x: .value("月份", item.month),
        y: .value("数值", item.value)
    )
    .foregroundStyle(by: .value("指标", item.indicator))
}
.chartForegroundStyleScale(styleMapping)

解决方案2：直接为每个Mark绑定动态样式 #

如果不需要依赖chartForegroundStyleScale的全局映射，也可以直接为每个Mark匹配对应样式，灵活性更高：

// 动态生成的样式字典
let styleDictionary: [String: Color] = [
    ("销量", .systemBlue),
    ("利润", .systemGreen),
    ("成本", .systemRed)
]

Chart(salesData) { item in
    LineMark(
        x: .value("月份", item.month),
        y: .value("数值", item.value)
    )
    // 根据系列名称直接获取样式，默认值为灰色
    .foregroundStyle(styleDictionary[item.indicator] ?? .gray)
}

补充说明 #

KeyValuePairs相对于普通字典的优势是保留键值对的顺序，这对于图表系列样式的顺序匹配至关重要。Swift Charts使用它而非字典，是为了保证样式和系列的对应关系与传入顺序一致。只要能构造出合法的KeyValuePairs实例，无论静态硬编码还是动态生成都能正常使用。

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