Диаграммы отображаются друг на друге, но в SwiftUI их следует располагать вертикально.

Я использую [эту][1] библиотеку для диаграмм в SwiftUI. Я столкнулся с проблемой, заключающейся в том, что если я помещаю больше диаграмм в VStack, они отображаются следующим образом [![Не хочу этого][2]][2]. Я не уверен, проблема ли это в библиотеке или в моем коде. Вот отрывок со всеми важными частями.

          Group{
        VStack(alignment:.leading){
            HStack{
                Spacer()
                Image("run").resizable().aspectRatio(contentMode: .fit).frame(width: 75, height: 75, alignment: .center).padding(.top, 20)
                Spacer()
            }.padding()
            
            VStack(alignment:.leading){
                MapView(route: [])
                    .clipShape(RoundedRectangle(cornerRadius: 16))
                    .frame(minWidth: 0, maxWidth: .infinity, minHeight: 200,maxHeight: 200, alignment: .center)
                ScrollView{
                    HeartRateView()
                }
            }
            .frame(minWidth: 0, maxWidth: .infinity,alignment: .leading)
            //.padding(15)
            .background(Color.white)
            .cornerRadius(60, corners: [.topLeft, .topRight])
            .foregroundColor(.black)
            
        }
        .background(Color.init(red: 98/255, green: 136/255, blue: 253/255))
        .edgesIgnoringSafeArea(.top)
        
        
    }

struct HeartRateView: View{
@State var heartRate : [Double] = [162, 74, 138, 91, 121, 109, 149, 107, 110, 100, 118, 81, 132, 103, 115, 170, 156, 163, 77, 154, 98, 92, 113, 93, 137, 136, 155, 88, 99, 152, 120, 80, 131, 122, 151, 150, 119, 125, 146, 71, 169, 87, 82, 140, 159, 158, 166, 112, 165, 76, 129, 104, 79, 128, 85, 108, 139, 86, 105, 73, 133, 168, 141, 123, 116, 145, 90, 160, 167, 106, 111, 78, 153, 70, 157, 97, 84, 114, 161, 134, 135, 124, 83, 72, 94, 75, 144, 89, 142, 164, 102, 147, 95, 101, 126, 96, 117, 127, 130, 143]
var body: some View{
    VStack(alignment:.leading){
        Text("Heart rate")
        HStack{
            Text("Average")
            Text("156bpm")
            
            Spacer()
            
            Text("Max")
            Text("176bpm")
            
            Spacer()
            
            Text("Calories")
            Text("720kcal")
            
        }
        LineView(data: heartRate, title: "Heart rate")
        PieChartView(data: [8,23,54,32], title: "Title", legend: "Legendary")
    }
}
}

Буду рад любому совету. Заранее спасибо. [1]: https://github.com/AppPear/ChartView[2]: https://stackru.com/images/85f99703f9a715d3886c04274b9066a48ab02b45.jpg

0 ответов

Другие вопросы по тегам