我想在 SwiftUI 中很好地显示在 UIKit 中创建的 BarChartsView

Question

我计划在 UIKit 中导入图表，并在 swift 中构建仪表板，同时使用 UIViewControllerRepresentable 显示内置于 SwiftUI 中的仪表板。

import UIKit
import Charts
import SwiftUI

/**
 swift → swiftui
 */
struct BarChartsView : UIViewControllerRepresentable {
    func makeUIViewController(context: Context) -> BarChartViewController {
        return BarChartViewController()
    }
    func updateUIViewController(_ uiViewController: BarChartViewController, context: Context) {
    }
}



/**
 make BarChart
 */
class BarChartViewController: UIViewController {
    
    override func viewDidLoad() {
        super.viewDidLoad()
        self.makeBarChart()
    }
    
    func makeBarChart(){
        
        let barChartView = BarChartView(frame: CGRect(x: 0, y: 0, width: UIScreen.main.bounds.width, height: 300))
        
        let rawData: [Int] = [20, 50, 70, 30, 60, 90, 40]
        let entries = rawData.enumerated().map { BarChartDataEntry(x: Double($0.offset), y: Double($0.element)) }
        
        let set = [
            BarChartDataSet(entries: entries, label: "Data")
        ]
        
        barChartView.xAxis.labelPosition = .bottom
        barChartView.xAxis.labelTextColor = .systemGray
        barChartView.xAxis.drawGridLinesEnabled = false
        barChartView.xAxis.drawAxisLineEnabled = false
        
        barChartView.rightAxis.enabled = false
        
        barChartView.leftAxis.axisMinimum = 0.0
        barChartView.leftAxis.drawZeroLineEnabled = true
        barChartView.leftAxis.zeroLineColor = .systemGray
        barChartView.leftAxis.labelCount = 5
        barChartView.leftAxis.labelTextColor = .systemGray
        barChartView.leftAxis.gridColor = .systemGray
        barChartView.leftAxis.drawAxisLineEnabled = false
        barChartView.legend.enabled = false
        
        let avg = rawData.reduce(0) { return $0 + $1 } / rawData.count
        let limitLine = ChartLimitLine(limit: Double(avg))
        limitLine.lineColor = .systemOrange
        limitLine.lineDashLengths = [4]
        barChartView.leftAxis.addLimitLine(limitLine)
        
        barChartView.data = BarChartData(dataSets: set)
        self.view.addSubview(barChartView)
    }
    
}

所以我想知道以下两点。

1. 当我在 SwiftUI 上的以下代码中调用使用 UIKit 创建的 BarChartsView 并应用 ScrollView 时，不应用水平滚动。 我敢在 BarChartsView 中创建一个大的水平尺寸，但水平滚动是不可能的。 而且，BarChartsView 本身并没有显示出来。 我怎样才能让它工作？

struct CustomerView: View{
    var body: some View{
        ScrollView(){
            VStack(){
                VStack(){
                    Text("What!!").frame(width: UIScreen.main.bounds.width, height: 40).background(Color.red).foregroundColor(Color.white)
                    ScrollView(.horizontal){
                        BarChartsView()
                    }
                }
            }
        }
    }
}

2. 当我在 VStack 中并排编写和构建两个 BarChartsView 时，如下所示，BarChartsView 显示为就好像它最初不存在一样。 我怎样才能使它们不重叠？

struct CustomerView: View{
    var body: some View{
        ScrollView(){
            VStack(){
                VStack(){
                    Text("What!!").frame(width: UIScreen.main.bounds.width, height: 40).background(Color.red).foregroundColor(Color.white)
                    BarChartsView()
                }
                VStack(){
                    Text("What!!").frame(width: UIScreen.main.bounds.width, height: 40).background(Color.red).foregroundColor(Color.white)
                    BarChartsView()
                }
            }
        }
    }
}

先感谢您。