scrollViewを用いて、グラフをスクロールさせる

Question

前提・実現したいこと

現在XcodeでSwiftを用いて、iPhoneアプリを開発しています。
棒グラフをChartsで作成し、scrollViewを用いてスクロールさせたいと考えています。
https://bombrary.github.io/blog/posts/iphone-barchart-ioscharts/
を参考にして、scrollViewの設定を行なっていたところ、思っている挙動とは異なる動きをしました。
どのようにしたら解決するのか教えて頂きたいです。よろしくお願いします。

該当のソースコード

import UIKit
import Charts

struct BarChartModel {
    let value: Int
    let name: String
}

class ViewController: UIViewController ,ChartViewDelegate, UIScrollViewDelegate{

    @IBOutlet weak var scrollView: UIScrollView!
    //sample data
    var barItems = [
            (7, "太郎"), (1, "次郎"), (2, "三郎"), (6, "四郎"), (3, "五郎"),
            (9, "六郎"), (2, "七郎"), (3, "八郎"), (1, "九郎"), (5, "十郎"),
            (1, "十一郎"), (1, "十二郎"), (6, "十三郎")
        ]
    lazy var maxVal: Int = barItems.map({ $0.0 }).max()!
    override func viewDidLoad() {
        super.viewDidLoad()
        scrollView.frame = CGRect(
            x: 0,
            y: 0,
            width: scrollView.superview!.frame.width,
            height: scrollView.superview!.frame.height
        )
        let contentsView = createContentsView(
            of: barItems.map({ BarChartModel(value: $0.0, name: $0.1 ) }),
            barsCountPerPage: 5
        )
        scrollView.addSubview(contentsView)
        scrollView.contentSize = contentsView.frame.size
        scrollView.isPagingEnabled = true
    }
    private func createBarChartView(of items: [BarChartModel]) -> BarChartView {
        
        let barChartView = BarChartView()
        barChartView.data = createBarChartData(of: barItems.map({BarChartModel(value: $0.0, name: $0.1)}))
        //アニメーション
        barChartView.animate(yAxisDuration: 1)
        
        //x軸設定
        barChartView.xAxis.labelCount = barItems.count
        barChartView.xAxis.labelPosition = .bottom
        barChartView.xAxis.valueFormatter = IndexAxisValueFormatter(values: items.map({$0.name}))
        
        // グリッドやy軸を非表示
        barChartView.xAxis.drawGridLinesEnabled = false
        barChartView.leftAxis.enabled = false //後にtrueに変更
        barChartView.rightAxis.enabled = false

        // 凡例を非表示にする
        barChartView.legend.enabled = false

        // ズームできないようにする
        barChartView.pinchZoomEnabled = false
        barChartView.doubleTapToZoomEnabled = false
        return barChartView
    }
        
    private func createBarChartData(of items: [BarChartModel]) -> BarChartData {
        let entries: [BarChartDataEntry] = items.enumerated().map {
            let (i, item) = $0
            return BarChartDataEntry(x: Double(i), y: Double(item.value))
        }
        let barChartDataSet = BarChartDataSet(entries: entries, label: "Label")
        let barChartData = BarChartData(dataSet: barChartDataSet)
        //上の数字の設定
        barChartDataSet.valueFormatter = ValueFormatter(of: items)
        return barChartData
    }
    //x軸設定
    class XAxisFormatter: IAxisValueFormatter {
        let items: [BarChartModel]
        init(of items: [BarChartModel]) {
            self.items = items
        }
        func stringForValue(_ value: Double, axis: AxisBase?) -> String {
            let index = Int(value)
            return self.items[index].name
        }
    }
    //上に表示される数字の設定
    class ValueFormatter: IValueFormatter {
        let items: [BarChartModel]
        init(of items: [BarChartModel]) {
            self.items = items
        }
        func stringForValue(_ value: Double, entry: ChartDataEntry, dataSetIndex: Int, viewPortHandler: ViewPortHandler?) -> String {
            return "(Int(value))"
        }
    }
    //scrollView
    private func createContentsView(of items: [BarChartModel], barsCountPerPage: Int) -> UIView {
        let itemsPerPage = stride(from: 0, to: items.count, by: barsCountPerPage).map {
                Array(items[$0 ..< min($0 + barsCountPerPage, items.count)])
        }
        let contentsView = UIView(frame: CGRect(
            x: 0,
            y: 0,
            width: scrollView.frame.width * CGFloat(itemsPerPage.count),
            height: scrollView.frame.height
        ))
        for (i, items) in itemsPerPage.enumerated() {
            let barChartView = createBarChartView(of: items)
            
            let percent = CGFloat(items.count) / CGFloat(itemsPerPage[0].count)
            barChartView.frame = CGRect(
                x: scrollView.frame.width * CGFloat(i),
                y: 0,
                width: scrollView.frame.width * percent,
                height: scrollView.frame.height
            )
            contentsView.addSubview(barChartView)
        }
        return contentsView
    }
}