iOS Charts柱状图X轴列标签设置及100数值不显示问题咨询

X轴添加对应列标签的实现方法 #

你需要通过给X轴设置valueFormatter将x坐标数值映射为你需要的文本标签，参考实现如下：

// 1. 提前准备和x坐标一一对应的标签数组，数量和你的dataPoints一致
let xLabels = ["第一组", "第二组", "第三组"] // 替换为你实际的标签内容

// 2. 给图表X轴设置格式化器
chartView.xAxis.valueFormatter = AxisValueFormatter { value, _ in
    let index = Int(value)
    // 避免数组越界
    guard index >= 0, index < xLabels.count else { return "" }
    return xLabels[index]
}

// 3. 可选优化配置，避免标签错位、重复
chartView.xAxis.labelPosition = .bottom // 将标签放在X轴底部，更符合阅读习惯
chartView.xAxis.granularity = 1 // 强制X轴标签间隔为1，避免缩放时重复显示标签

// 如果你是分组柱状图（当前你是2个柱子一组），需要额外配置避免标签和柱子错位
let groupSpace = 0.3
let barSpace = 0.05
let barWidth = (1 - groupSpace) / 2 - barSpace // 2为每组的柱子数量
let barData = BarChartData(dataSets: [dataSet1, dataSet2])
barData.barWidth = barWidth
// 按组排列柱子
barData.groupBars(fromX: 0, groupSpace: groupSpace, barSpace: barSpace)
// 调整X轴范围，避免两端柱子显示不全
chartView.xAxis.axisMinimum = 0
chartView.xAxis.axisMaximum = 0 + barData.groupWidth(groupSpace: groupSpace, barSpace: barSpace) * Double(dataPoints.count)

第一个绿色列顶部100数值未显示的解决方法 #

该问题是Y轴绘制范围不足导致的：默认Y轴最大值等于你数据中的最大Y值（也就是100），柱子顶部的数值标签刚好超出了图表的绘制区域，被截断隐藏。
参考修复代码：

// 方式1：手动固定Y轴最大值，预留顶部空间
chartView.leftAxis.axisMaximum = 110

// 方式2：自动计算最大Y值，动态预留5%的顶部空间
let maxY = max(percentageAmount1.max() ?? 0, percentageAmount2.max() ?? 0)
chartView.leftAxis.axisMaximum = maxY * 1.05

如果调整Y轴范围后仍有问题，可以调整数值标签的偏移量，避免被截断：

let dataSet1 = BarChartDataSet(entries: dataEntries1, label: "绿色柱子系列")
dataSet1.valueOffset = CGPoint(x: 0, y: 4) // 给数值标签向上添加4pt的偏移

内容的提问来源于stack exchange，提问作者Edward Hasted