自定义柱状图类显示异常：需两次进入ViewController才完整展示

这种首次进入ViewController时图表渲染异常、二次进入/切换标签才正常的情况，我之前做自定义图表时也碰到过，大概率是视图布局时机不对或者绘制依赖的尺寸未正确获取导致的，下面给你几个针对性的排查和解决方向：

1. 把绘制逻辑绑定到视图布局完成的时机 #

很多时候自定义视图在init或VC的viewDidLoad阶段计算绘制参数时，父视图的布局还未完全确定，用了错误的frame来绘制柱状条和虚线。

如果你的图表是UIView子类，建议重写layoutSubviews方法，在这里完成图表的刷新计算：

class CustomBarChartView: UIView {
    override func layoutSubviews() {
        super.layoutSubviews()
        // 在这里重新计算柱状条的宽高、虚线位置、坐标轴范围等
        self.redrawChart() // 你的核心绘制方法
    }
}

如果是在ViewController层面控制，可在viewDidLayoutSubviews里触发刷新（注意加标记避免重复调用）：

class ChartViewController: UIViewController {
    private var hasCompletedInitialLayout = false
    @IBOutlet weak var customChartView: CustomBarChartView!

    override func viewDidLayoutSubviews() {
        super.viewDidLayoutSubviews()
        guard !hasCompletedInitialLayout else { return }
        hasCompletedInitialLayout = true
        customChartView.redrawChart()
    }
}

2. 检查AutoLayout约束的完整性 #

如果你的图表用了AutoLayout，要确保约束是“完整”的——比如给图表设置了明确的上下左右约束，或者固定了宽高，避免首次加载时视图的intrinsicContentSize不符合预期，导致绘制区域被压缩。

可以在调试时打印两次加载的frame对比：

print("首次加载frame: \(customChartView.frame)")
print("二次加载frame: \(customChartView.frame)")

如果两次尺寸差异很大，那基本就是约束没设置对导致的。

3. 确认数据加载与绘制的顺序 #

如果图表依赖异步加载的数据，可能首次进入时数据还没准备好就触发了绘制，而二次进入时数据已缓存，所以显示正常。这种情况要确保数据完全加载完成后再调用绘制方法，比如在网络请求的回调里：

func fetchChartData() {
    APIManager.fetchData { [weak self] data in
        guard let self = self, let chartData = data else { return }
        self.customChartView.setData(chartData)
        self.customChartView.redrawChart() // 数据就绪后再绘制
    }
}

4. 强制触发重绘或布局更新 #

有时候视图的重绘信号没被正确发送，导致首次加载时只完成了部分绘制。可以在VC的viewWillAppear里补充触发：

override func viewWillAppear(_ animated: Bool) {
    super.viewWillAppear(animated)
    customChartView.setNeedsDisplay() // 触发重绘
    customChartView.layoutIfNeeded() // 确保布局更新
}

不过这算是临时修复，建议优先找到根本原因（比如布局时机问题）。

5. 对比标签切换时的生命周期触发 #

你提到点击底部标签切换就正常，说明切换时触发了某个视图生命周期方法（比如viewWillAppear、layoutSubviews）。可以给这些方法加打印日志，对比首次进入和切换时的调用顺序，看看哪些方法在切换时被调用了而首次没有，把绘制逻辑移到那个时机即可。

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