SwiftUI Charts中Y轴秒数自动转换为更大时间单位的实现方法

SwiftUI Charts 默认的 .timeDuration 格式化确实没法自动根据数值大小切换时间单位，但可以通过自定义 ChartYAxis 的标签逻辑来实现需求。

步骤1：编写秒数转最优时间单位的工具函数 #

这个函数会根据输入的秒数自动判断用秒、分钟还是小时展示，返回带单位的可读字符串：

func formatSecondsToReadable(_ seconds: Double) -> String {
    switch seconds {
    case 0..<60:
        return String(format: "%.1f秒", seconds)
    case 60..<3600:
        let minutes = seconds / 60
        return String(format: "%.1f分钟", minutes)
    default:
        let hours = seconds / 3600
        return String(format: "%.1f小时", hours)
    }
}

你可以根据实际需求调整数值阈值、小数精度或者单位表述（比如把“分钟”改成“min”）。

步骤2：在Chart中自定义Y轴 #

在 ChartYAxis 里用 .custom 生成自定义标签，将原始秒数值传入上面的工具函数：

struct TimeData: Identifiable {
    let id = UUID()
    let date: Date
    let seconds: Double
}

// 示例数据
let sampleData: [TimeData] = [
    TimeData(date: Date(), seconds: 90),
    TimeData(date: Date().addingTimeInterval(86400), seconds: 20000),
    TimeData(date: Date().addingTimeInterval(172800), seconds: 300),
    TimeData(date: Date().addingTimeInterval(259200), seconds: 3600)
]

struct BarChartView: View {
    var body: some View {
        Chart(sampleData) { data in
            BarMark(
                x: .value("日期", data.date),
                y: .value("时长", data.seconds)
            )
        }
        .chartYAxis {
            AxisMarks(position: .leading) { value in
                AxisGridLine()
                AxisTick()
                AxisLabel(formatSecondsToReadable(value.as(Double.self) ?? 0))
            }
        }
        .padding()
    }
}

关键说明 #

• 通过 value.as(Double.self) 获取Y轴的原始秒数值，再传入自定义格式化函数生成适配单位的标签。
• 这种方式完全可控，你可以随时调整单位切换规则，适配不同场景的展示需求。

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