iOS Charts 3.5.0如何灵活设置坐标轴最值避免柱状图溢出屏幕

效果参考 #

• 预期正常渲染效果：
  
• 异常溢出效果：
  

现有方案问题 #

最初通过固定值设置cell.barChartView.leftAxis.axisMinimum、cell.barChartView.leftAxis.axisMaximum的方式无法适配多类型数据（正数、负数、极值混合场景），后续手动分场景硬编码偏移比例的逻辑存在覆盖不全的问题，代码如下：

if maxValue < 0 && minValue < 0 {
    cell.barChartView.leftAxis.axisMaximum = 0
    cell.barChartView.leftAxis.axisMinimum = minValue + (minValue * 0.2)
} else if maxValue >= 0 && minValue >= 0 {
    cell.barChartView.leftAxis.axisMaximum = maxValue + (maxValue * 0.1)
    cell.barChartView.leftAxis.axisMinimum = 0
} else if maxValue == 0 && minValue == 0 {
    cell.barChartView.leftAxis.axisMaximum = 100
} else if maxValue >= 0 && minValue < 0  {
    cell.barChartView.leftAxis.axisMaximum = maxValue + (maxValue * 0.06)
    cell.barChartView.leftAxis.axisMinimum = minValue + (minValue * 2.17)
}

该逻辑的核心漏洞：负数场景下minValue + (minValue * 0.2)的计算结果比实际数据最小值更接近0，没有预留足够的底部边距；正负混合场景写死2.17的偏移系数，遇到极值时边距要么过大留白太多，要么过小导致柱子溢出，无法适配所有数据情况。

通用解决方案 #

iOS-Charts 3.5.0 内置了轴范围自动计算能力，不需要手动分场景硬编码判断，按以下配置即可覆盖全正、全负、正负混合、全零、极值所有场景，保证图表内容不溢出画布：

1. 取消手动强制固定轴最值，恢复组件自动计算能力

// 将轴最值设为nan，解除手动固定的约束，交由组件自动计算基础范围
cell.barChartView.leftAxis.axisMinimum = .nan
cell.barChartView.leftAxis.axisMaximum = .nan

2. 配置统一的边距预留比例，替代硬编码的偏移系数

// 轴顶部相对数据最大值的预留留白比例，可根据视觉需求调整，建议0.1~0.2
cell.barChartView.leftAxis.spaceTop = 0.15
// 轴底部相对数据最小值的预留留白比例，可根据视觉需求调整，建议0.1~0.2
cell.barChartView.leftAxis.spaceBottom = 0.15
// 配置全零数据场景下的默认轴范围，避免图表缩成一条线
cell.barChartView.leftAxis.axisRangeCalculationMin = 0
cell.barChartView.leftAxis.axisRangeCalculationMax = 100

3. 可选适配配置

• 如果需要全正数据时0轴固定在图表底部、全负数据时0轴固定在图表顶部，追加以下配置：

cell.barChartView.leftAxis.zeroLineEnabled = true
cell.barChartView.leftAxis.granularityEnabled = true

• 每次刷新数据后强制触发轴范围重算，避免缓存导致的渲染异常：

cell.barChartView.data = targetChartData
cell.barChartView.notifyDataSetChanged()
cell.barChartView.layoutIfNeeded()

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