如何借助SwiftUICharts等框架在SwiftUI的Widget上绘制图表

现有代码适配修复 #

你的原有代码缺少Widget必需的尺寸约束与背景适配，调整后可直接运行：

var entry: Provider.Entry

var body: some View {
    VStack {
        let iPhone = Legend(color: .blue, label: "iPhone 10")
        
        let points: [DataPoint] = [
            .init(value: 2, label: "2", legend: iPhone),
            .init(value: 4, label: "4", legend: iPhone),
            .init(value: 7, label: "7", legend: iPhone),
            .init(value: 1, label: "1", legend: iPhone)
        ]
        // 填充Widget可用空间
        LineChartView(dataPoints: points)
            .frame(maxWidth: .infinity, maxHeight: .infinity)
            .padding(8)
    }
    // iOS17+ Widget背景适配API，低版本替换为.background(Color.white)即可
    .containerBackground(for: .widget) {
        Color.white
    }
}

核心注意事项 #

• 必须加明确尺寸约束：Widget渲染逻辑和普通App不同，无明确尺寸的视图会被系统默认压缩为0尺寸，导致图表无法显示
• 控制数据量级：Widget可用内存仅为几十MB，单次传递给图表的数据点不要超过20个，避免系统终止渲染进程
• 提前完成数据计算：所有数据处理、样式配置逻辑要放在TimelineProvider的getTimeline方法中实现，不要在body内做复杂计算，避免刷新超时
• 如需要更高的适配性，也可以直接用SwiftUI原生的Path手动绘制图表，无需依赖第三方框架，同时减少包体积增量

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