如何自定义 Swift Charts 中的 y 轴值?

Ram*_*tra 3 swift swiftui swiftui-charts

我有一个简单的图表(使用Swift Charts 框架制作),其中显示了某些内容随时间变化的百分比。这里的 x 轴是时间,y 轴是百分比。因此,我认为如果 y 轴的值类似于 25%、50% 等,对用户来说会更有意义。

如何自定义 y 轴值并%在末尾添加符号(在本例中为 a )?

这是到目前为止的代码:

Chart(data, id: \.date) { datum in
    LineMark(
        x: .value("Date", datum.date, unit: .day),
        y: .value("Done", datum.doneCount * 100 / (datum.doneCount + datum.notDoneCount))
    )
    .interpolationMethod(.catmullRom)
    .foregroundStyle(Color.orange)
}
.chartXAxis {
    AxisMarks(values: .stride(by: .day))
}
Run Code Online (Sandbox Code Playgroud)

在此输入图像描述

小智 8

只需将此代码块添加到您的图表中即可

.chartYAxis {
   AxisMarks() {
       let value = $0.as(Int.self)!
       AxisValueLabel {
           Text("\(value)%")
       }
   }
}
Run Code Online (Sandbox Code Playgroud)

然后您的图表将显示 0%、25%...作为标签