如何通过自定义配置完全复现Swift Charts默认样式？

完整解决方案 #

要完全复现Swift Charts的默认样式，针对你提到的四个差异点，可通过以下方式逐一修复，同时保留系统自动图例生成逻辑：

1. 匹配默认符号与颜色系统

首先确认iOS 18.3下的默认符号循环（5种系统形状）和颜色循环（7种系统颜色）：

private let defaultSymbolShapes: [SymbolShape] = [.circle, .square, .triangle, .diamond, .pentagon]
private let defaultSeriesColors: [Color] = [.blue, .green, .orange, .purple, .red, .cyan, .yellow]

2. 修复符号样式、线条层级与图例显示

通过绑定系列值并自定义符号渲染逻辑，完全对齐默认样式：

private struct ReproducedChart: View {
    func chartPoint(x: Int, y: Double, series: Int) -> some ChartContent {
        LineMark(
            x: .value("Day", x),
            y: .value("Total", y),
            series: .value("Series", "Series \(series + 1)")
        )
    }

    var body: some View {
        Chart {
            ForEach(0..<8, id: \.self) { index in
                chartPoint(x: 0, y: 0, series: index)
                chartPoint(x: 1, y: 0.75 * Double(index), series: index)
                chartPoint(x: 2, y: Double(index), series: index)
            }
        }
        // 根据系列值匹配默认符号形状
        .symbolShape { seriesValue in
            guard let seriesNumber = seriesValue.split(separator: " ").last.flatMap(Int.init) else {
                return defaultSymbolShapes[0]
            }
            let index = (seriesNumber - 1) % defaultSymbolShapes.count
            return defaultSymbolShapes[index]
        }
        // 根据系列值匹配默认颜色
        .foregroundStyle { seriesValue in
            guard let seriesNumber = seriesValue.split(separator: " ").last.flatMap(Int.init) else {
                return defaultSeriesColors[0]
            }
            let index = (seriesNumber - 1) % defaultSeriesColors.count
            return defaultSeriesColors[index]
        }
        // 自定义符号渲染：匹配默认的白色填充+系列色描边
        .symbol { shape in
            shape
                .stroke(lineWidth: 1.5) // 对齐默认描边宽度
                .background(Color.white) // 填充白色，遮挡内部线条
        }
        .symbolSize(12) // 对齐默认符号大小
    }
}

3. 修复要点说明

• 符号描边问题：使用系统SymbolShape而非SF Symbols，确保描边宽度与默认一致；
• 线条侵入问题：通过background(Color.white)填充符号内部，配合系统默认的symbolPlacement(.overlay)层级，完全遮挡线条；
• 颜色继承问题：foregroundStyle(for:)自动为系列绑定颜色，符号描边会直接继承该颜色；
• 图例显示问题：保留series值的绑定后，系统会自动生成与默认样式一致的图例。

4. 版本适配提示

Apple可能在后续iOS版本中调整默认样式（如符号大小、颜色顺序），可通过对比StandardChart的视觉效果，微调symbolSize、lineWidth等参数，确保完全匹配。

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