如何阻止Swift LineMark图表将日期转换为本地时区？

问题核心是SwiftUI Chart默认使用设备本地时区渲染日期轴，即便你的chartDATETIME已经是目标时区的Date对象，也会被强制转换。可以通过自定义X轴的格式化规则，指定使用目标时区来解决：

方法一：自定义X轴标记，强制使用目标时区 #

假设你已经持有用户选择的目标时区（比如userSelectedTimeZone: TimeZone），修改Chart代码如下：

Chart(viewModel.weatherArray, id: \.chartDATETIME) {
    LineMark(
        x: .value("Date", $0.chartDATETIME, unit: .hour),
        y: .value("Temp", $0.chartTMP)
    )
    .lineStyle(StrokeStyle(lineWidth: lineWidth))
    .foregroundStyle(chartColor.gradient)
    .interpolationMethod(interpolationMethod.mode)
}
.chartXAxis {
    AxisMarks(position: .bottom) { value in
        if let date = value.as(Date.self) {
            AxisGridLine()
            AxisTick()
            AxisLabel {
                Text(date, format: .dateTime.hour().timeZone(userSelectedTimeZone))
            }
        }
    }
}

方法二：将Date转换为带时区的字符串（仅当方法一不适用时使用） #

如果直接处理Date对象有障碍，可以提前把chartDATETIME转换成目标时区的字符串，再用字符串作为X轴值：

// 先在WeatherData结构体中添加带时区的日期字符串属性
struct WeatherData {
    let chartDATETIME: Date
    let chartTMP: Double
    var dateStringInTargetTZ: String {
        let formatter = DateFormatter()
        formatter.timeZone = userSelectedTimeZone
        formatter.dateFormat = "HH:mm" // 按需调整格式
        return formatter.string(from: chartDATETIME)
    }
}

// 然后在Chart中使用字符串作为X轴
Chart(viewModel.weatherArray, id: \.dateStringInTargetTZ) {
    LineMark(
        x: .value("Date", $0.dateStringInTargetTZ),
        y: .value("Temp", $0.chartTMP)
    )
    .lineStyle(StrokeStyle(lineWidth: lineWidth))
    .foregroundStyle(chartColor.gradient)
    .interpolationMethod(interpolationMethod.mode)
}

关键说明 #

• 方法一是最优解，保留了Date的时序特性，Chart能正确处理时间的顺序和间隔；
• 需确保userSelectedTimeZone是用户选择的目标时区实例（比如TimeZone(identifier: "Asia/Shanghai")）；
• 若需要更精细的时间格式，可在format: .dateTime后追加minute()、day()等组件。

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