如何获取SwiftUI中Chart标记的foregroundStyle以匹配文本颜色？

我开发App时需要实现：在SwiftUI的环形Chart旁添加文本，显示类似"您花费了X金额，消费最多的类别是X类别"，且文本前景色要和图表中对应类别的颜色一致。尝试直接用和图表相同的foregroundStyle方法无效，推测该方法仅针对图表内部值生效，找不到解决方案。相关代码如下：

Chart(data) { product in
  SectorMark(
    angle: .value(
      Text(verbatim: product.title),
      animate ? product.ammount: 0
    ),
    innerRadius: .ratio(0.618),
    angularInset: 2
  )
  .cornerRadius(5)
  .foregroundStyle(
    by: .value(
      Text(verbatim: product.title),
      product.title
    )
  )
}

解决方法 #

核心思路是手动管理颜色映射表，让图表和文本共用同一套颜色规则，彻底避免依赖Chart内部自动生成的颜色。

1. 定义类别-颜色映射 #

可以手动指定固定颜色，也可以用系统颜色序列生成稳定的动态映射：

// 假设你的数据模型
struct Product: Identifiable {
    let id = UUID()
    let title: String
    let ammount: Double
}

// 生成对应类别的颜色
private func colorForCategory(_ category: String) -> Color {
    // 方案1：手动指定品牌/固定配色
    switch category {
    case "餐饮": return .red
    case "购物": return .blue
    case "娱乐": return .green
    default: return .gray
    }
    
    // 方案2：用系统颜色序列生成（适合动态新增的类别）
    // let colorPool: [Color] = [.red, .blue, .green, .orange, .purple]
    // let index = category.hashValue % colorPool.count
    // return colorPool[index]
}

2. 图表与文本共用颜色映射 #

修改Chart代码，用自定义颜色映射替代自动分配，同时在文本部分直接调用同一方法获取颜色：

// 先计算总金额和消费最高的类别
let totalAmount = data.reduce(0) { $0 + $1.ammount }
let topProduct = data.max(by: { $0.ammount < $1.ammount })

VStack {
    Chart(data) { product in
        SectorMark(
            angle: .value(product.title, animate ? product.ammount : 0),
            innerRadius: .ratio(0.618),
            angularInset: 2
        )
        .cornerRadius(5)
        // 使用自定义颜色映射
        .foregroundStyle(colorForCategory(product.title))
    }
    
    if let top = topProduct {
        Text("您花费了\(totalAmount, format: .currency)，消费最多的类别是\(top.title)")
            .foregroundStyle(colorForCategory(top.title))
            .font(.headline)
    }
}

补充说明 #

如果坚持想用Chart自动生成的系统配色，虽然可以通过ChartStyle间接获取，但这种方式不稳定——系统可能在不同iOS版本调整配色逻辑，导致颜色不一致。手动管理颜色映射是更可靠的方案，既能保证跨版本的一致性，也方便自定义品牌风格。

内容的提问来源于stack exchange，提问作者SantiOch