iOS 图表库中的自定义 xAxis 格式答案

【问题标题】：Custom xAxis formatting in iOS Charts libraryiOS 图表库中的自定义 xAxis 格式
【发布时间】：2019-09-11 18:27:00
【问题描述】：

我正在使用以下库在我的 iOS 应用中实现图表： https://github.com/danielgindi/Charts

在 xAxis 上，我希望使用类似于屏幕截图中的格式。我想显示一次月份的名称，然后是该月的几天（没有月份名称），当月份发生变化时，再次显示名称。

有人能指出正确的方向吗？

xAxis 配置的当前代码，显示每个条目的月份和日期：

xAxis.drawAxisLineEnabled = true
xAxis.drawGridLinesEnabled = false
xAxis.centerAxisLabelsEnabled = true
xAxis.drawLabelsEnabled = true
xAxis.axisLineColor = R.Color.Chart.Alpha.separator
xAxis.labelTextColor = R.Color.Chart.Alpha.content
xAxis.labelPosition = .bottom
xAxis.labelCount = 5
xAxis.valueFormatter = XAxisValueFormatter()

class XAxisValueFormatter: AxisValueFormatter {

    func stringForValue(_ value: Double, axis: AxisBase?) -> String {
        let date = Date(timeIntervalSince1970: value)
        return date.to(DateFormat.monthday)
    }
}

【问题讨论】：

您能否编写一些代码来配置 X 轴的日期？
@CodeChanger 我已经用我当前的实现更新了代码。

标签： ios-charts

【解决方案1】：

您需要更新现有代码，如下所示。

更新 XAxis 的数据绑定：

let chartFormatter = LineChartFormatter(labels: xValues)
let xAxis = XAxis()
xAxis.valueFormatter = chartFormatter
self.xAxis.valueFormatter = xAxis.valueFormatter

更新值格式化程序代码：

private class LineChartFormatter: NSObject, IAxisValueFormatter {

var labels: [String] = []
let dateFormatter = DateFormatter()
let dateShortFormatter = DateFormatter()

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


    if let date = dateFormatter.date(from:labels[Int(value)]) {
        if value == 0 {
            dateShortFormatter.dateFormat = "MMM dd"
            return dateShortFormatter.string(from: date)
        } else {

            let prevDate = dateFormatter.date(from:labels[Int(value - 1)])
            dateShortFormatter.dateFormat = "MMM"
            if dateShortFormatter.string(from: date) != dateShortFormatter.string(from: prevDate!) {
                dateShortFormatter.dateFormat = "MMM dd"
                return dateShortFormatter.string(from: date)
            } else {
                dateShortFormatter.dateFormat = "dd"
                return dateShortFormatter.string(from: date)
            }
        }
    } else {
      return labels[Int(value)]
    }
}

init(labels: [String]) {
    super.init()
    dateFormatter.dateFormat = "yyyy-MM-dd HH:mm:ss Z"
    self.labels = labels
}}

通过以上代码更改，您将在 XAxis 中实现日期格式。

【讨论】：

非常感谢您的解决方案。这正是我所需要的。