我正在尝试了解 swiftUI Charts API，特别是覆盖图表并修改图表的某些方面

Question

我刚刚开始在 swiftui 中使用图表，但我很挣扎。我想用折线图覆盖下图中的条形图。但我能弄清楚如何嵌入 ZStack 的唯一方法是嵌入 ZStack，但如屏幕截图所示，两个图表（现在传递的数据相同）不对齐。我想显示一条覆盖条形的平均线，但我就是想不出来。我对图表了解不多，而且我也是这个 API 的新手。另外，我想在栏上或栏上方或其他位置显示实际金额。不确定这是否可以在 swiftui 中实现。如果没有别的办法，您能给我指出一些关于图表的好文档或附加信息吗？谢谢

这是我的代码的简化

        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)
    }

Answer 1

尝试这种方法 您使用一个

Chart

和两个

ForEach

，例如：

 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)
         )
     }
 }