ios Charts 3.0 - Совместите метки x (даты) с графиками

Хорошо понял!

Вы должны определить эталонный временной интервал («0» для оси x). А затем вычислите дополнительный временной интервал для каждого значения x.

ChartXAxisFormatter становится:

import Foundation
import Charts

class ChartXAxisFormatter: NSObject {
    fileprivate var dateFormatter: DateFormatter?
    fileprivate var referenceTimeInterval: TimeInterval?

    convenience init(referenceTimeInterval: TimeInterval, dateFormatter: DateFormatter) {
        self.init()
        self.referenceTimeInterval = referenceTimeInterval
        self.dateFormatter = dateFormatter
    }
}


extension ChartXAxisFormatter: IAxisValueFormatter {

    func stringForValue(_ value: Double, axis: AxisBase?) -> String {
        guard let dateFormatter = dateFormatter,
        let referenceTimeInterval = referenceTimeInterval
        else {
            return ""
        }

        let date = Date(timeIntervalSince1970: value * 3600 * 24 + referenceTimeInterval)
        return dateFormatter.string(from: date)
    }

}

И затем, когда я создаю свои записи данных, это работает так:

// (objects is defined as an array of struct with date and value)

// Define the reference time interval
var referenceTimeInterval: TimeInterval = 0
if let minTimeInterval = (objects.map { $0.date.timeIntervalSince1970 }).min() {
        referenceTimeInterval = minTimeInterval
    }


    // Define chart xValues formatter
    let formatter = DateFormatter()
    formatter.dateStyle = .short
    formatter.timeStyle = .none
    formatter.locale = Locale.current

    let xValuesNumberFormatter = ChartXAxisFormatter(referenceTimeInterval: referenceTimeInterval, dateFormatter: formatter)



    // Define chart entries
    var entries = [ChartDataEntry]()
    for object in objects {
        let timeInterval = object.date.timeIntervalSince1970
        let xValue = (timeInterval - referenceTimeInterval) / (3600 * 24)

        let yValue = object.value
        let entry = ChartDataEntry(x: xValue, y: yValue)
        entries.append(entry)
    }

// Pass these entries and the formatter to the Chart ...

Результат намного лучше (я, кстати, удалил кубик):

Если вы точно знаете, сколько меток вам нужно на оси X, вы можете написать этот код, чтобы решить эту проблему. Например, если мне нужно, чтобы на оси X появилось семь меток, тогда этого должно быть достаточно. Причина в том, что Библиотека диаграмм неправильно рассчитывает интервалы между двумя точками оси X и, следовательно, несовпадение графика и метки. Когда мы заставляем библиотеку строить график с заданным количеством меток, проблема, похоже, исчезла.

 let xAxis = chart.xAxis
 xAxis.centerAxisLabelsEnabled = false
 xAxis.setLabelCount(7, force: true) //enter the number of labels here

вот решение xValuesNumberFormatter

let xValuesFormatter = DateFormatter()
    xValuesFormatter.dateFormat = "MM/dd"
let xValuesNumberFormatter = ChartXAxisFormatter(referenceTimeInterval: referenceTimeInterval, dateFormatter: xValuesFormatter)
    xValuesNumberFormatter.dateFormatter = xValuesFormatter // e.g. "wed 26"
    xAxis.valueFormatter = xValuesNumberFormatter

Я решил эту проблему, используя этот ответ https://stackoverflow.com/a/44554613/2087608

Я подозревал, что эти смещения происходят из-за настройки значения оси X на определенное время дня в моем случае.

Вот мой код

for i in 0..<valuesViewModel.entries.count {
  let dataEntry = ChartDataEntry(x: roundDate(date: valuesViewModel.entries[i].date).timeIntervalSince1970, y: valuesViewModel.entries[i].value)
  dataEntries.append(dataEntry)
}



func roundDate(date: Date) -> Date {
  var comp: DateComponents = Calendar.current.dateComponents([.year, .month, .day], from: date)
  comp.timeZone = TimeZone(abbreviation: "UTC")!
  let truncated = Calendar.current.date(from: comp)!
  return truncated
}