iOS Charts中Swift 5实现柱状图顶部显示数值的方法

我完全懂你的困扰——想要在柱状图顶部显示数值，但又不能碰X轴的labelPosition（不然动态变化的日期标签就跑到顶部去了）。看了你的现有代码，问题主要出在你把数据集的数值颜色设成了.clear，而且没有单独配置数据集的数值显示位置，反而依赖全局设置。

下面是修改后的完整实现，关键调整已经标注出来：

let dataSet = BarChartDataSet(entries: enteies, label: "Days")
// 关键修改1：把数值颜色改成可见的颜色，比如黑色
dataSet.valueColors = [.black]
// 关键修改2：单独设置数据集的数值位置为顶部，这不会影响X轴标签
dataSet.valuePosition = .top
// 可选：设置数值标签的字体，让显示更清晰
dataSet.valueFont = UIFont.systemFont(ofSize: 10, weight: .medium)

dataSet.colors = [#colorLiteral(red: 0.1219139919, green: 0.4706707597, blue: 0.7069483399, alpha: 1)]
let data = BarChartData(dataSets: [dataSet])
barChartView.data = data

barChartView.chartDescription?.text = ""
barChartView.scaleXEnabled = false
barChartView.scaleYEnabled = false
barChartView.highlightPerTapEnabled = true
barChartView.dragEnabled = true
barChartView.fitBars = true
barChartView.animate(yAxisDuration: 0.5)
barChartView.legend.enabled = false
barChartView.legend.drawInside = true

barChartView.xAxis.drawGridLinesEnabled = false
barChartView.xAxis.enabled = true
barChartView.xAxis.axisLineColor = #colorLiteral(red: 0.1215686275, green: 0.4705882353, blue: 0.7058823529, alpha: 1)
barChartView.xAxis.granularityEnabled = false
barChartView.xAxis.granularity = 1
// 保持X轴标签在底部，完全不影响
barChartView.xAxis.labelPosition = .bottom

barChartView.leftAxis.axisMinimum = 0
barChartView.leftAxis.granularity = 1
barChartView.leftAxis.granularityEnabled = true
barChartView.leftAxis.drawGridLinesEnabled = false
barChartView.leftAxis.axisLineColor = #colorLiteral(red: 0.1219139919, green: 0.4706707597, blue: 0.7069483399, alpha: 1)
barChartView.rightAxis.enabled = false
barChartView.rightAxis.drawGridLinesEnabled = false

var title = [String]()
for value in insightsVM.graphData{
    if insightsVM.graphData.count > 5{
        title.append(String(value.title.prefix(3)))
    } else{
        title.append(value.title)
    }
}
if insightsVM.graphData.count > 7{
    barChartView.xAxis.labelCount = 12
}
barChartView.xAxis.valueFormatter = IndexAxisValueFormatter(values:title)

// 这个全局设置可以保留，但关键是数据集的valuePosition配置
barChartView.drawValueAboveBarEnabled = true

关键修改说明： #

• 数据集独立配置数值位置：dataSet.valuePosition = .top是核心，这个设置只作用于柱子顶部的数值标签，完全不会影响X轴的日期标签位置（X轴的labelPosition = .bottom依然生效）。
• 恢复可见的数值颜色：你之前把valueColors设成了.clear，导致数值根本看不见，改成.black（或你需要的颜色）就能正常显示了。
• 可选优化字体：添加valueFont可以让数值标签更清晰，避免和柱子或其他元素重叠。

这样修改后，你既可以在柱子顶部看到数值，X轴的日期标签也会稳稳地待在底部，而且日期标签的动态变化（按年/月维度）也完全不受影响。

内容的提问来源于stack exchange，提问作者Uday Babariya