<p>차트 3.0.1 - x 레이블(날짜)을 플롯에 정렬</p>

이전에 타임스탬프를 사용하여 동일한 문제에서 실행했는데 x축에서 렌더링되는 것이 보간된 타임스탬프이기 때문에 발생합니다. 이것은 기본적으로 dateFormatter를 사용하여 레이블을 생성하는 타임스탬프가 _점수에 대한 타임스탬프가 아니므로_ 레이블이 일치하지 않음을 의미합니다.

예를 들어 x 값 [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]이 있다고 가정해 보겠습니다. x-축 렌더러는 특정 x-값이 데이터세트에서 _not_이더라도 x-축에 레이블을 고르게 배포하려고 하는 레이블로 실제로 2.5를 인쇄할 수 있습니다. 그런 다음 타임스탬프를 사용하고 있다고 생각하면 dateFormatter가 일부 중간 타임스탬프를 날짜로 형식화할 수 있음을 의미합니다. 날짜를 기준으로 형식을 지정하면 레이블이 정확하더라도(기본적으로 날짜를 반올림하므로) 레이블이 점수와 일치하지 않게 됩니다. _day hour:minute_ 으로 형식을 지정하면 레이블이 실제로 보간된 날짜

x축에 타임스탬프를 사용하고 사용자 지정 X축 포맷터를 사용하는 대신 배열 인덱스를 사용하여 결국 문제를 해결했습니다.

import Foundation
import Charts

class MyCustomBottomAxisFormatter: NSObject, IAxisValueFormatter {
    private var scores: [MyScoreObject]?

    lazy private var dateFormatter: DateFormatter = {
        // set up date formatter using locale
        let dateFormatter = DateFormatter()
        dateFormatter.locale = Locale.current
        dateFormatter.dateStyle = .short
        dateFormatter.timeStyle = .none
        return dateFormatter
    }()

    convenience init(usingScores scores: [MyScoreObject]) {
        self.init()
        self.scores = scores
    }

    func stringForValue(_ value: Double, axis: AxisBase?) -> String {
        let index = Int(value)

        guard let scores = scores, index < scores.count, let date = scores[index].date else {
            return "?"
        }

        return dateFormatter.string(from: date)
    }
}

답변 감사합니다!
그리고 보간되는 타임스탬프에 대한 매우 명확한 설명은 정말 의미가 있습니다.
해결 방법을 시도해 보고 알려 드리겠습니다.

감사 해요!

@4np 그러면 시간 간격 대신 xValues를 인덱스로 사용하여 ChartDataEntry 배열을 정의해야 한다고 생각합니다. 맞습니까?
그렇게 :

// Define chart yValues
        var entries = [ChartDataEntry]()
        for (index, score) in scores.enumerated() {
            let yValue = score.value
            let entry = ChartDataEntry(x: Double(index), y: yValue)
            entries.append(entry)
        }

@4np 알겠습니다. 성공 했습니다! 내 차트는 이제 버전 2와 동일합니다.

하지만 xAxis에 2가지를 더 추가해야 했습니다.

  // Show the limit lines behind each plot
  xAxis.drawLimitLinesBehindDataEnabled = true

  // Make sure that only 1 x-label per index is shown
  xAxis.granularityEnabled = true
  xAxis.granularity = 1

당신의 도움을 주셔서 감사합니다.
또한 StackOverflow에서 문제를 열었습니다.
http://stackoverflow.com/questions/41720445/ios-charts-3-0-align-x-labels-dates-with-plots

SO 계정이 있고 거기에 답을 복사/붙여넣기 하려는 경우에도 거기에서 귀하의 답변을 수락하게 되어 기쁩니다.

감사 해요
프레드

또한 Charts 개발자가 볼 기회가 있을 때까지 이 문제를 열어두고 레이블을 정렬하는 방법을 선택하는 방법을 소개할 수 있습니다.

이제 2개의 좋지 않은 솔루션 중에서 선택해야 하기 때문입니다.

• 시간 간격을 xValues(이는 DataEntry가 이제 구성되어야 하는 정신)로 사용하지만 레이블이 잘못 정렬된 경우
• 또는 인덱스를 xValues(차트 2.0으로 되돌리는 방법)로 사용하지만 연속적인 인덱스가 비연속적인 날을 나타낼 수 있는 위험이 있습니다(내 예에서와 같이).

어떻게 생각하는지 알려주세요.

@frederic-adda

나는 문제를 해결하는 데 성공했다
XAxis.granularity = 1.0은 1일이어야 합니다. 그것이 가장 중요하다
가장 작은 날짜는 0이어야 합니다.

(TimeInSeconds - miniDate) / (3600.0 * 24.0)

그리고 모든 트릭은 포맷터에 있습니다
날짜를 검색하기 위해 반대 작업을 수행합니다.
date2 = 날짜(timeIntervalSince1970: (값 * 3600 * 24) + miniTime)라고 합시다.
dateFormatter.string 반환(from: date2)
잊지 마요
DateFormatter.timeZone = NSTimeZone(약어: "GMT + 0:00")을 TimeZone으로!
데모는 macOS입니다.
링크는 https://github.com/thierryH91200/Charts-log입니다.
라인 날짜 탭

@hierryH91200 티에리 감사합니다!
귀하의 솔루션을 즉시 구현하도록 노력하겠습니다.

효과가 있었다! 환상적이야!
당신의 도움을 주셔서 감사합니다!

멋져요 @thierryH91200 정말 앞으로 나아가야 할 길이 보이네요 👍

이것은 나를 위해 작동하지 않습니다

@frederic-adda 문제에 대한 해결책을 찾았습니까?
실제로 X축에 날짜를 표시할 때 문제가 있습니다. ChartDataEntry의 X 값을 TimeInterval로 설정하여 X축에 날짜를 표시하고 있는데 차트에 데이터가 제대로 표시되지 않습니다. ChartDataEntry의 X 값을 배열 인덱스로 설정하면 데이터가 표시됩니다.

다음은 ChartDataEntry의 X 값을 TimeInterval로 설정하는 코드입니다.
for (int i = 0; i < self.temperatureUpdates.count; i++)
{
SFTemperatureUpdate * temperatureUpdate = [self.temperatureUpdates 개체 ctAtIndex:i ];
이중 yVal = [온도 업데이트 값 floatValue];
NSTimeInterval timeInterval = [temperatureUpdate.careatedAt timeIntervalSince1970];
더블 xVal = timeInterval;
[yVals1 addObject:[[ChartDataEntry 할당] initWithX:xVal y:yVal]];

}

하나의 그래프에서 여러 LineChartDataSets를 사용할 때 위의 솔루션을 작동시키려고 할 때 성공적으로 작동하게 한 사람이 있습니까?

하나의 데이터 세트가 다른 데이터 세트와 크기가 다를 때 솔루션을 찾는 데 문제가 있습니다.
즉

let x = LineChartDataSet(values: values1, label: "test 1") // count 5
let y = LineChartDataSet(values: values2, label: "test 2") // count 8