首页 > 解决方案 > 如何使图表始终显示网格线?

问题描述

我正在使用 Charts 3.1.1,但我不知道如何使图表始终显示 x 轴网格线:

在此处输入图像描述

在此示例中,我希望图表在 4 月 25 日之后显示 xAxis 网格线和标签,即 4 月 26 日、4 月 27 日、4 月 28 日、4 月 29 日、4 月 30 日、5 月 1 日。

当我想要显示的每一天都没有数据点时,我创建了这个类来生成足够的日期来填补空白:

class AxisValuesGenerator: NSObject {
    var days: [String]? = []

    func generatexAxisDates(liftEvents: [LiftEvent]) -> [String]? {
        var dates: [Date] = []
        let intervalBetweenDates: TimeInterval = 3600 * 24 // 3600 = 1 hour
        let firstDate = (liftEvents.first?.date)! // - intervalBetweenDates
        var lastDate = liftEvents.last?.date

        if Double(liftEvents.count) < 7 {
            let daysToAdd = intervalBetweenDates * Double(7 - liftEvents.count)
            lastDate = lastDate?.addingTimeInterval(daysToAdd)
            for _ in 0...6 {
                dates = self.intervalDates(from: firstDate, to: lastDate!, with: intervalBetweenDates)
            }
        } else {
            dates = self.intervalDates(from: firstDate, to: lastDate!, with: intervalBetweenDates)
        }

        let dateFormatter = DateFormatter()
        dateFormatter.dateFormat = "MMM d"

        days = dates.map {dateFormatter.string(from: $0)}

        return days

    }

func intervalDates(from startDate: Date, to endDate:Date, with interval:TimeInterval) -> [Date] {
    guard interval > 0 else { return [] }

    var dates:[Date] = [startDate]
    var currentDate = startDate

    while currentDate <= endDate {
        currentDate = currentDate.addingTimeInterval(interval)
        dates.append(currentDate)
    }

    return dates
}

它确实生成了我想要的日期:

▿ Optional<Array<String>>   ▿ some : 7 elements
   - 0 : "Apr 25"
   - 1 : "Apr 26"
   - 2 : "Apr 27"
   - 3 : "Apr 28"
   - 4 : "Apr 29"
   - 5 : "Apr 30"
   - 6 : "May 1"
   - 7 : "May 2"

但图表不显示它们。

如何让图表显示缺失的网格线?

更新:

我试过这样设置setVisibleXRangesetLabelCount(强制):

chartView.setVisibleXRange(minXRange: 2.0, maxXRange: 6.0)

let leftAxis = chartView.leftAxis
        leftAxis.setLabelCount(7, force: true)

如果我要绘制 6 个或更多值,则图表会正确呈现。但是您可以看到,只有 2 个值我可以强制使用线条,但 xAxis 标签是错误的:

在此处输入图像描述

标签: swiftios-charts

解决方案


数据设置和图表视图设置是两个不同的东西。图表为您提供了许多控件来自定义数据的显示方式。

在您的图表视图上尝试这样的操作:

chartView.xAxis.forceLabelsEnabled = true
chartView.xAxis.labelCount = 7

为了在没有 y 值的地方显示 x 标签,我使用了“空”y 值(在我的情况下是 0,但在你的情况下可能是其他值)。为确保您可以看到正确的 Y 范围,请使用左/右轴参数

chartView.leftAxis.axisMinimum = 5

这对我来说是这样的: 在此处输入图像描述


推荐阅读