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
相关产品推荐
相关产品推荐

