Диаграммы отображаются друг на друге, но в 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