Scrollviewの中のViewがずれる

Question

前提

ScrollViewの中にChartsを配置したのですがChartsを描画（addSubView）すると位置がずれます。
（オートレイアウトが無視される）

実現したいこと

ScrollViewの中にChartsを配置で配置したい。
（一番上から160のConstraint、真ん中に配置）

発生している問題・エラーメッセージ

該当のソースコード

import UIKit
import Charts

class Test02ViewController: UIViewController {

    @IBOutlet weak var pieChartsView: PieChartView!
    @IBOutlet weak var scrollContent: UIView!  // 追加
    
    override func viewDidLoad() {
        super.viewDidLoad()
        // 円グラフの中心に表示するタイトル
        self.pieChartsView.centerText = "テストデータ"
        
        // グラフに表示するデータのタイトルと値
        let dataEntries = [
            PieChartDataEntry(value: 40, label: "A"),
            PieChartDataEntry(value: 35, label: "B"),
            PieChartDataEntry(value: 25, label: "C")
        ]
        
        let dataSet = PieChartDataSet(entries: dataEntries, label: "テストデータ")

        // グラフの色
        dataSet.colors = ChartColorTemplates.vordiplom()
        // グラフのデータの値の色
        dataSet.valueTextColor = UIColor.black
        // グラフのデータのタイトルの色
        dataSet.entryLabelColor = UIColor.black

        self.pieChartsView.data = PieChartData(dataSet: dataSet)
        
        // データを％表示にする
        let formatter = NumberFormatter()
        formatter.numberStyle = .percent
        formatter.maximumFractionDigits = 2
        formatter.multiplier = 1.0
        self.pieChartsView.data?.setValueFormatter(DefaultValueFormatter(formatter: formatter))
        self.pieChartsView.usePercentValuesEnabled = true
        
        view.addSubview(self.pieChartsView)
    }
    
    override func viewWillAppear(_ animated: Bool) {
        super.viewWillAppear(animated)
        self.pieChartsView.layoutIfNeeded()
    }
}

View hierarchy

View Constraint

試したこと

✅Chartsの描画はhttps://www.hfoasi8fje3.work/entry/2019/03/04/213142 を忠実に再現しています。
✅スクロールビューの配置は https://ios-docs.dev/uiscrollview/ を忠実に再現しています。
✅ https://qiita.com/touta/items/e72940f8fe8e9967e9f4 の内容をもとにviewWillAppear内でself.view.layoutIfNeeded()呼び出すも治らず。
✅https://u2k772.blog.fc2.com/blog-entry-172.html の内容をもとに全方向にConstrainsを指定するも治らず。
✅https://stackoverflow.com/questions/31428483/swift-ios-set-scrollview-constraint-below-navigation-bar-programmaticallyの内容をもとに"Under top bars"のチェックマークを外すも治らず。
✅https://mzgk.github.io/blog/2014/uiscrollview-checkpoint-2/ も内容をもとに Adjubst Scroll View Insetsのチェックを外すも治らず。

その他

Viewのデバッグの知見が全然ないのでどこを見れば良いのかわかっていない状態です。
お手柔らかにお願いします

補足情報（FW/ツールのバージョンなど）

Xcode13

Comments

[hoshi-takanori]

https://ios-docs.dev/uiscrollview/ の STEP 4 で追加した view を @IBOutlet 接続する必要があります。その際、view という変数名だと画面全体の view とぶつかるので、scrollContent とかの名前にすると良いかと。

[退会済みユーザー]

scrollContentという名前で@IBOutlet 接続しました。
状況は変わりません、、

[hoshi-takanori]

あ、ごめんなさい。勘違いしてました。
pieChartsView はコードで生成してるんじゃなくて、storyboard 上で生成・配置してるんですね。なら view.addSubview(self.pieChartsView) はいらないはず。

[退会済みユーザー]

ありがとうございます。

// view.addSubview(self.pieChartsView)
で無事直りました。

Answer 1

hoshi-takanoriさんの回答で解決しました。
ありがとうございます。

//        view.addSubview(self.pieChartsView) // 不要