如何在Swift Charts中自定义X轴标签位置，显示首尾样本日期？

要让X轴标签分别显示在图表最左侧（第一个样本日期）和最右侧（最后一个样本日期），可以通过chartXAxis修饰器自定义轴的刻度规则，具体实现如下：

修改后的完整代码 #

// 提前获取图表数据集合，方便后续取首尾日期
let chartData = buildChartRangedBarChartObjectsFrom(
    workoutStartDate: workoutDetailViewModel.fullyLoadedWorkout?.startDate ?? Date(),
    workoutEndDate: workoutDetailViewModel.fullyLoadedWorkout?.endDate ?? Date(),
    customCyclingCadenceObjects: unwrappedCyclingCadenceObjects
)

Chart {
    ForEach(chartData) { chartRangedBarChartObject in
        BarMark(
            x: .value("Date", chartRangedBarChartObject.periodStartDate),
            yStart: .value("Minimum Cadence During Minute", chartRangedBarChartObject.minValue),
            yEnd: .value("Maximum Cadence During Minute", chartRangedBarChartObject.maxValue),
            width: MarkDimension(integerLiteral: 5)
        )
        .foregroundStyle(Color.teal.gradient)
    }
}
.chartXAxis {
    // 指定只显示首尾两个日期的刻度
    AxisMarks(position: .bottom, values: [chartData.first?.periodStartDate, chartData.last?.periodStartDate].compactMap { $0 }) { _ in
        AxisGridLine() // 保留网格线（可按需移除）
        AxisTick() // 保留刻度线（可按需移除）
        AxisLabel(alignment: .center) // 标签居中对齐适配位置
    }
}

关键说明 #

• 提前获取完整图表数据集合，避免重复调用数据构建方法，同时方便直接提取首尾样本的日期
• chartXAxis修饰器中，通过values参数强制指定X轴要显示的刻度值，传入首尾两个日期（用compactMap处理可能的空值）
• 可根据需求调整AxisGridLine、AxisTick的显示状态，也能通过AxisLabel的参数自定义标签的字体、颜色、对齐方式等

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