UPGRADE YOUR SKILLS: Learn advanced Swift and SwiftUI on Hacking with Swift+! >>

Changing .chartXVisibleDomain(length: ) causes the chart to move to another position - how to stop this?

Forums > SwiftUI

I'm using swift Charts with a fairly basic setup (data from Core Data fetchrequest which works fine):

Chart {
                    ForEach(weightContext, id: \.timestamp) { series in
                        LineMark(
                            x: .value("Day", series.timestamp!, unit: .day),
                            y: .value("Measurement", WeightFunctions.weightConversions(weightValue: series.value, metric: selectedWeight))
                        )
                        PointMark(
                            x: .value("Day", series.timestamp!, unit: .day),
                            y: .value("Measurement", WeightFunctions.weightConversions(weightValue: series.value, metric: selectedWeight))
                        )
                    }
                }
                .chartYScale(domain: lowestValue...highestValue)
                .chartScrollableAxes(.horizontal)
                .chartXVisibleDomain(length: xChartVisible)
                .chartScrollPosition(x: $xScrollPosition)
                .chartScrollPosition(initialX: xInitialPosition)
                .chartXScale(domain: startDate...endDate)

After adding .chartScrollableAxes and .chartScrollPosition it works fine until I also start adjusting .chartXVisibleDomain(length: ). I have that linked to an @State from a picker adjusting the seconds to display.

@State private var xChartVisible : Int = 3600 * 24 * 90
@State private var xScrollPosition : TimeInterval = TimeInterval()
@State private var xInitialPosition : Date = Date()

xScrollPosition is a TimeInterval as I'm also using this to get the dates from the chart to show above the chart to show the date range.

Everything still works great except for when I'm selecting different date periods from the Picker (I have month, quarter, half year and year). the length updates correctly but in most instances the chart then completely changes it's date area. How do I get the date location in the chart to stay in roughly the same position when the date range changes?

I've noticed $xScrollPosition number remains exactly the same even when the range changes which may be the cause of it jumping position, but not sure what to do about this.

.onAppear {
                xInitialPosition = weightPeriodFunc.initialScrollDate
                xScrollPosition = weightPeriodFunc.initialScrollDate.timeIntervalSinceReferenceDate
                xChartVisible = weightPeriodFunc.length
            }
            .onChange(of: weightPeriod) { newValue in
                withAnimation(.linear(duration: 1)) {
                xChartVisible = weightPeriodFunc.length
                xScrollPosition = newPeriodStartDate.timeIntervalSinceReferenceDate
                }
            }

Trying to do something with xScrollPosition on change, but not sure what, if anything as it seems it's meant to update by itself. Any help would be greatly appreciated, thank you.

2      

Hacking with Swift is sponsored by Essential Developer

SPONSORED Join a FREE crash course for mid/senior iOS devs who want to achieve an expert level of technical and practical skills – it’s the fast track to being a complete senior developer! Hurry up because it'll be available only until April 28th.

Click to save your free spot now

Sponsor Hacking with Swift and reach the world's largest Swift community!

Reply to this topic…

You need to create an account or log in to reply.

All interactions here are governed by our code of conduct.

 
Unknown user

You are not logged in

Log in or create account
 

Link copied to your pasteboard.