SwiftUI图表X轴重复标签问题：如何启用forceLabelsEnabled？

SwiftUI Charts没有直接对应forceLabelsEnabled的属性，但可以通过手动指定X轴标记的所有值来解决重复标签被合并的问题，不用修改标签文本长度（比如不用.prefix(4)）。

实现步骤 #

假设你的数据模型包含日期（或类别）字段，以下是完整示例：

1. 定义数据模型与示例数据

struct MonthlyMetric: Identifiable {
    let id = UUID()
    let date: Date
    let value: Double
}

// 包含法语六月（Juin）、七月（Juillet）的示例数据
let sampleData: [MonthlyMetric] = [
    MonthlyMetric(date: Calendar.current.date(from: DateComponents(year: 2024, month: 6))!, value: 150),
    MonthlyMetric(date: Calendar.current.date(from: DateComponents(year: 2024, month: 7))!, value: 220),
    MonthlyMetric(date: Calendar.current.date(from: DateComponents(year: 2024, month: 8))!, value: 180)
]

2. 配置Chart与强制显示重复标签

Chart(sampleData) { metric in
    LineMark(
        x: .value("Month", metric.date, unit: .month),
        y: .value("Value", metric.value)
    )
}
.chartXAxis {
    // 关键：传入所有数据点的X值，强制为每个值生成独立标记
    AxisMarks(values: sampleData.map(\.date)) { value in
        guard let date = value.as(Date.self) else { return }
        
        // 格式化法语月份前三位
        let dateFormatter = DateFormatter()
        dateFormatter.locale = Locale(identifier: "fr_FR")
        dateFormatter.dateFormat = "MMM"
        
        AxisLabel {
            Text(dateFormatter.string(from: date))
                .font(.caption)
        }
        AxisTick(length: 5)
        AxisGridLine()
    }
}

核心原理 #

SwiftUI Charts默认会合并文本内容相同的轴标签，通过在AxisMarks中显式指定values: sampleData.map(\.date)，我们强制系统为每个数据点生成独立的X轴标记，即使标签文本重复（比如六月和七月的"Jui"），也会分别显示出来。

如果你的X轴是基于字符串类别而非日期，只需要把values参数替换为数据的类别字段数组即可（比如data.map(\.category)）。

内容的提问来源于stack exchange，提问作者Theo Sementa