SwiftUI Charts设置AxisValueLabel居中时最后一个值被截断求助

针对你遇到的X轴标签居中时最后一个被截断、左对齐显示效果差的问题，给你几个实用的解决办法：

1. 修正拼写错误并调整容器宽度 #

首先注意到你代码里的centerd是拼写错误，正确参数名是centered。另外硬设frame(width: frameWidth)会让图表空间过于紧凑，可改成自适应宽度并预留额外空间：

// 替换原来的frame设置
.frame(maxWidth: .infinity)
.padding(.horizontal, 15)

如果必须固定宽度，给宽度加额外余量（根据标签长度调整数值）：

.frame(width: frameWidth + 30)

2. 自定义标签视图控制尺寸 #

放弃直接用AxisValueLabel的format参数，自定义标签视图并设置最小宽度，确保标签有足够显示空间：

.chartXAxis {
    AxisMarks(preset: .aligned, values: vm.currentUsage.map{ $0.date}) { date in
        AxisValueLabel {
            Text(date.asCalendarDate(), 
                 format: vm.chartType == "months" ? .dateTime.month() : .dateTime.day())
                .frame(minWidth: 50, alignment: .center) // 固定最小宽度
                .padding(.horizontal, 4)
        }
    }
}

3. 扩展X轴定义域预留空间 #

通过扩展X轴的取值范围，给最后一个标签留出显示空间：

Chart {
    // 原有BarMark代码不变
}
.chartXScale(domain: {
    guard let firstDate = vm.currentUsage.first?.date, 
          let lastDate = vm.currentUsage.last?.date else { return nil }
    // 按当前时间单位给最后一个日期加余量
    let extendedLastDate = Calendar.current.date(byAdding: vm.filter == .month ? .month : .day, 
                                                value: 1, 
                                                to: lastDate)!
    return firstDate...extendedLastDate
}())

4. 调整标签字体大小 #

如果标签文字过长，缩小字体避免截断：

AxisValueLabel(format: vm.chartType == "months" ? .dateTime.month() : .dateTime.day(), centered: true)
    .font(.caption) // 用更小的字体

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