You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

SwiftUI Charts Y轴标题翻转:如何将其旋转180度?

解决SwiftUI Charts Y轴标题翻转问题

要修复Y轴标题的翻转显示问题,只需在Y轴标题的Text视图上添加180度旋转效果即可:

修改后的完整代码如下:

struct ChartView: View {
    var data: [DataPoint]
    
    var body: some View {
        Chart {
            ForEach(data) { point in
                LineMark (
                   x: .value("x", point.x),
                   y: .value("y", point.y)
                )
            }
            .interpolationMethod(.cardinal)
        }
        .chartYAxis {
            AxisMarks(position: .leading)
        }
        .chartXAxisLabel(position: .bottom, alignment: .center) {
            Text("x title")
        }
        .chartYAxisLabel(position: .leading, alignment: .center) {
            Text("y title")
                .rotationEffect(.degrees(180)) // 添加旋转效果修正显示方向
        }
        .padding(10)
    }
}

原理:当Y轴设置在.leading位置时,系统默认会将标题垂直翻转以适配轴的布局方向,通过给Text添加rotationEffect(.degrees(180)),可以让标题恢复正常的阅读方向。

内容的提问来源于stack exchange,提问作者koen

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.12 07:55:39