第 8 章：复杂图表类型

Chart(data) { item in
    SectorMark(
        angle: .value("Value", item.value),
        innerRadius: .ratio(0), // 标准饼图
        angularInset: 1.5
    )
    .foregroundStyle(by: .value("Category", item.category))
    .annotation(position: .overlay) {
        Text("\(Int(item.value))%")
            .font(.caption)
    }
}

SectorMark(
    angle: .value("Value", item.value),
    innerRadius: .ratio(0.6) // 关键参数控制中心空洞大小
)

Chart {
    ForEach(dataSeries) { series in
        ForEach(series.dataPoints) { point in
            BarMark(
                x: .value("Category", point.category),
                y: .value("Value", point.value)
            )
            .foregroundStyle(by: .value("Series", series.name))
        }
        .position(by: .value("Stack", "total")) // 堆叠关键参数
    }
}

// 环形图显示每日目标完成率
DonutChartView(progress: 0.75)

// 堆叠柱状图展示每周运动类型分布
StackedBarChartView(weeklyData: workoutData)

// 饼图显示营养摄入比例
PieChartView(nutritionData: macroData)

struct UnifiedChartStyle: ChartStyle {
    func makeBody(configuration: Configuration) -> some View {
        configuration.content
            .chartLegend(position: .bottom)
            .chartXAxis {
                AxisMarks(values: .automatic) { value in
                    AxisGridLine()
                    AxisTick()
                    AxisValueLabel()
                }
            }
    }
}

.schartAngleSelection($selectedSlice) // 饼图选中交互
.onChange(of: selectedSlice) { newValue in
    // 显示详细数据
}