I just started working with Charts in swiftui and I’m struggling. I’d like to overlay my bar chart in the image below with a line chart. But the only way I can figure out how is to embed in a ZStack, but as shown in the screenshot the two charts(same data passed for now) don’t align. I’d like to show maybe an average line overlaying the bars, but I just can’t figure it out. I don’t know much about charting and I’m new to this API as well. Also I’d like to display the actual amount on the bar or above the bar or something. Not sure if any of this is possible in swiftui yet. If nothing else can you point me to some good documentation or additional info on Charts? Thanks
Here’s a simplification of my code
ZStack {
Chart {
ForEach(payments, id: .date) { payment in
BarMark(
x: .value("Date", payment.date),
y: .value("Amount", payment.amount)
)
}
}
Chart {
ForEach(payments, id: .0) { payment in
LineMark(
x: .value("Date", payment.date),
y: .value("Amount", payment.amount)
)
}
}
.chartLegend(.hidden)
.chartXAxis(.hidden)
.chartYAxis(.hidden)
}
Try this approach where
you use one Chart with two ForEach, such as:
Chart {
ForEach(payments, id: .date) { payment in
BarMark(
x: .value("Date", payment.date),
y: .value("Amount", payment.amount)
)
}
ForEach(payments, id: .0) { payment in
LineMark(
x: .value("Date", payment.date),
y: .value("Amount", payment.amount)
)
}
}