如何在SwiftUI中更改我的x轴标签角度?

huangapple go评论58阅读模式
英文:

How do I change my x labels angle with swiftUI?

问题

我是SwiftUI初学者
我想要改变我的数值在x轴上的旋转,就像这张图片中显示的那样
期望图表
我目前的代码是这样的

Chart{
    ForEach(arregloDummy) { arregloDummy in
        LineMark(
            x: .value("Periodo", arregloDummy.periodo.orEmpty),
            y: .value("Consumo", arregloDummy.consumo ?? 0.0))
    }
}.frame(height: 200)
 .padding()
 .foregroundColor(Color(cgColor: ColorSet.accentColor.cgColor))
 .background(Color(red: 213 / 255, green: 218 / 255, blue: 198 / 255))
 .chartYAxis{
     AxisMarks(position: .leading)
 }

这是它的当前显示
当前图表

我尝试使用.rotationEffect,但它旋转了我的整个图表。

英文:

Im beginner in swiftUI
I would like to change the rotation of my values in the x-axis as shown in this image
Desire chart
I currently have it like this in my code

Chart{
                    ForEach(arregloDummy) { arregloDummy in
                        LineMark(
                            x: .value("Periodo", arregloDummy.periodo.orEmpty),
                            y: .value("Consumo", arregloDummy.consumo ?? 0.0))
                    }
                }.frame(height: 200)
                    .padding()
                    .foregroundColor(Color(cgColor: ColorSet.accentColor.cgColor))
                    .background(Color(red: 213 / 255, green: 218 / 255, blue: 198 / 255))
                    .chartYAxis{
                        AxisMarks(position: .leading)
                    }

an this is how it appears:
Current chart

I tried to use .rotationEffect, but it rotates my entire chart.

答案1

得分: 0

我认为你可以使用 .chartXAxis 来自定义标签。如果值是 Int 类型,那么可能会像这样:

    Chart {
        // 之前的内容
    }
    .chartXAxis {
        AxisMarks(position: .bottom, values: .automatic) { value in
            AxisValueLabel() {
                if let intValue = value.as(Int.self) {
                    Text("\(intValue)")
                        .rotationEffect(.degrees(-35))
                }
            }
        }
    }
英文:

I think you can use .chartXAxis to customize the labels. If the values are Int then it might look something like:

    Chart {
        // Content as before
    }
    .chartXAxis {
        AxisMarks(position: .bottom, values: .automatic) { value in
            AxisValueLabel() {
                if let intValue = value.as(Int.self) {
                    Text("\(intValue)")
                        .rotationEffect(.degrees(-35))
                }
            }
        }
    }

huangapple
  • 本文由 发表于 2023年7月14日 03:45:59
  • 转载请务必保留本文链接:https://go.coder-hub.com/76682763.html
匿名

发表评论

匿名网友

:?: :razz: :sad: :evil: :!: :smile: :oops: :grin: :eek: :shock: :???: :cool: :lol: :mad: :twisted: :roll: :wink: :idea: :arrow: :neutral: :cry: :mrgreen:

确定