Swift：使用Charts库时单条柱状图无法水平居中的问题

我之前也踩过这个坑！单根柱子总是靠左贴边，看着特别别扭，其实只要调整几个核心配置就能搞定——核心思路是给单柱子也分配左右空白间距，并动态适配X轴范围。

问题根源 #

多数据集时你用了groupBars和centerAxisLabelsEnabled，这些配置会自动给柱子分配空间并实现居中，但单数据集时你没做对应处理，导致柱子默认左对齐，X轴范围也没跟上适配节奏。

修改后的完整代码 #

直接调整你setChart方法里的逻辑，把单柱子的居中配置补上：

private func setChart(xValue: xAxisValue, values: [SBChartEntry]) {
    let dataSets: [BarChartDataSet] = values.map {
        let set = BarChartDataSet(entries: $0.value.enumerated().map { index, element in
            BarChartDataEntry(x: Double(index), y: element)
        }, label: $0.name)
        set.colors = [$0.color]
        return set
    }
    let chartData = BarChartData(dataSets: dataSets)
    let groupSpace: Double = (values.count > 1) ? 0.7 / (Double(values.count) * 2.2) : 0.6
    let barSpace = (values.count > 1) ? 0.05 : 0
    let barWidth: Double = (values.count > 1) ? 0.75 / Double(values.count) : 0.4
    chartData.barWidth = barWidth
    
    // 把标签居中配置移到外面，单/多数据集都生效
    xAxis.centerAxisLabelsEnabled = true
    
    if values.count > 1 {
        chartData.groupBars(fromX: Double(0), groupSpace: groupSpace, barSpace: barSpace)
    } else {
        // 单柱子的居中核心配置
        chartData.groupBars(fromX: 0, groupSpace: groupSpace, barSpace: barSpace)
        // 动态调整X轴范围，给柱子左右留出足够空白空间
        xAxis.axisMinimum = chartData.xMin - groupSpace
        xAxis.axisMaximum = chartData.xMax + groupSpace
    }
    
    notifyDataSetChanged()
    data = chartData
    animate(xAxisDuration: 1, yAxisDuration: 1, easingOption: .linear)
}

另外建议你修改setup方法，删掉固定的X轴范围设置：

// 把这两行从setup里移除，避免和setChart里的动态调整冲突
// xAxis.axisMinimum = 0.0
// xAxis.axisMaximum = Double(xValue.count)

关键配置解释 #

• centerAxisLabelsEnabled = true：确保X轴标签和柱子对齐居中，避免标签和柱子错位
• groupBars(fromX:groupSpace:barSpace:)：哪怕只有一根柱子，也要用这个方法给它分配左右空白空间，这是实现视觉居中的核心
• 动态调整xAxis.axisMinimum和axisMaximum：让X轴范围覆盖分组后的整个区域，保证柱子正好落在图表的视觉中心

这样修改后，单根柱子就能完美居中，和多数据集的显示效果保持统一啦！

内容的提问来源于stack exchange，提问作者Mickael Belhassen