Search code examples
iosswiftios-charts

ios Charts 3 - Plot X Axis Labels per Data Point


I have 30 data points on a graph, but the chart's X Axis splits up the numbers, and doesn't give a label per data point. See below.

![1]: https://i.sstatic.net/I1vAP.png

class TrendChartViewController: UIViewController {
@IBOutlet var combinedChart: CombinedChartView!
var viewModel: TrendChartViewModelProtocol! {
    didSet {
        updateChart()
    }
}

private func updateChart() {
    if let dataset = viewModel.dataset {
        let data = CombinedChartData()
        data.lineData = LineChartData(dataSets: [dataset.current, dataset.py])
        data.barData = getBarChartData(dataset: dataset.budget)
        combinedChart.data = data
        combinedChart.xAxis.valueFormatter = DateValueFormatter(timeframe: viewModel.timeframe)
        removeGridLines()
    }
}

private func getBarChartData(dataset: BarChartDataSet) -> BarChartData {
    var barChartData = BarChartData(dataSet: dataset)
    barChartData.barWidth = 0.45
    return barChartData
}

private func removeGridLines() {
    combinedChart.xAxis.drawGridLinesEnabled = false
    combinedChart.leftAxis.drawGridLinesEnabled = false
    combinedChart.rightAxis.drawGridLinesEnabled = false
    combinedChart.drawGridBackgroundEnabled = false
}

Here is an example of one of our dataset...

private func getCurrentDataSet() -> LineChartDataSet {
    let values = timeframe == .days ? report?.charts[0].data.days : report?.charts[0].data.months
    let currentEntries: [ChartDataEntry] = values?
        .enumerated()
        .flatMap {
            return ChartDataEntry(x: Double($0), y: $1.current[unit.rawValue] ?? 0)
        } ?? []

    let currentDataSet = LineChartDataSet(values: currentEntries, label: NSLocalizedString("Current", comment: ""))
    let color = UIColor.Bridgestone.forest.B500
    currentDataSet.setColor(color)
    currentDataSet.circleColors = [color]
    currentDataSet.circleHoleColor = color
    currentDataSet.circleRadius = 5
    currentDataSet.lineWidth = 2.5
    return currentDataSet
}

So how can I get it to show X Axis label values per data point? Thanks!


Solution

  • You need to use func xAxis.setLabelCount if you want to set number of labels on xAxis, e.g.

    combinedChart.xAxis.setLabelCount(countOfMyDataPoints, force: true)