如何在Swift Charts中不使用.XXX(by:) API显式指定绘图数据系列？

要直接指定Swift Charts数据的所属系列，无需依赖foregroundStyle(by:)或symbol(by:)这类自动编码样式的API，可以使用**series(_:)**修饰符——这是专门用来显式标记数据系列归属的API，完全满足自定义样式的需求。

问题原因分析 #

你当前的代码中，所有LineMark没有被标记为不同系列，因此Chart会将它们合并为同一组，后续的绿色样式会被前面的蓝色覆盖，最终只显示一个系列。而foregroundStyle(by:)本质上是通过编码系列数据间接实现了系列区分，但同时自动生成了样式。

解决方案代码 #

修改你的chartPoint函数，添加series(_:)修饰符指定系列标识，同时保留自定义的foregroundStyle：

import Charts

struct ExplicitSeries: View {
    func chartPoint(x: Double, y: Double, series: Int) -> some ChartContent {
        LineMark(
            x: .value("Day", x),
            y: .value("Total", y)
        )
        .series(.value("Series", series)) // 显式指定系列
        .foregroundStyle(series == 0 ? Color.blue : Color.green) // 自定义样式
    }

    var body: some View {
        Chart {
            chartPoint(x: 0, y: 0, series: 0)
            chartPoint(x: 1, y: 1, series: 0)
            chartPoint(x: 0, y: 0.5, series: 1)
            chartPoint(x: 1, y: 0, series: 1)
        }
        .padding()
    }
}

关键说明 #

• series(_:)接收一个符合Plottable协议的值（比如Int、String等），相同值的Mark会被归为同一个系列，Chart会独立绘制每个系列的线条。
• 这种方式完全分离了系列归属和样式自定义，你可以自由控制每个系列的颜色、符号等样式，同时确保数据被正确分组为不同系列。

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