如何使用iOS Charts(Daniel Gindi)在PDF文档中生成图表？

我之前做过类似的需求，刚好可以给你详细说说可行的实现方式：

1. 直接在PDF图形上下文绘制图表（推荐方案） #

完全可以！iOS Charts本身就是基于CoreGraphics进行绘制的，天然支持在自定义图形上下文（包括PDF上下文）中渲染，这也是你提到的方案1的最优实现，能获得矢量级的分辨率和精确的样式控制。

具体实现步骤：

• 步骤1：创建PDF上下文
  用UIGraphicsBeginPDFContextToData（生成PDF数据）或者UIGraphicsBeginPDFContextToFile（直接生成PDF文件）初始化PDF上下文，指定页面尺寸（比如标准A4：595x842点）。

• 步骤2：配置ChartView（无需添加到视图层级）
  创建LineChartView/BarChartView等实例，设置好所有数据、样式（字体大小、线条粗细、颜色、图例等），不需要把它添加到任何视图层级——我们只需要它的绘制逻辑。

• 步骤3：在PDF上下文中绘制图表
  开启PDF页面后，直接调用ChartView的draw(_ rect: CGRect)方法，传入你想要在PDF页面中放置的位置和尺寸即可。

示例代码：

// 定义PDF页面尺寸（A4标准，单位为点）
let pageSize = CGSize(width: 595, height: 842)
let chartFrame = CGRect(x: 40, y: 80, width: pageSize.width - 80, height: 300)

// 创建PDF数据容器
var pdfData = Data()
UIGraphicsBeginPDFContextToData(&pdfData, .zero, nil)

// 添加PDF页面
UIGraphicsBeginPDFPageWithInfo(CGRect(origin: .zero, size: pageSize), nil)

// 配置ChartView
let chartView = LineChartView(frame: chartFrame)
// 设置图表数据（替换为你的实际数据）
let dataEntries = (0..<10).map { ChartDataEntry(x: Double($0), y: Double.random(in: 10...100)) }
let dataSet = LineChartDataSet(entries: dataEntries, label: "月度数据")
chartView.data = LineChartData(dataSet: dataSet)
// 显式配置样式（避免依赖UI层级的默认样式）
chartView.legend.font = UIFont.systemFont(ofSize: 12)
chartView.xAxis.labelFont = UIFont.systemFont(ofSize: 10)
dataSet.lineWidth = 2

// 在PDF上下文中绘制图表
chartView.draw(chartFrame)

// 结束PDF上下文
UIGraphicsEndPDFContext()

// 此时pdfData即为包含矢量图表的PDF数据，可保存或分享

注意事项：

• 所有样式需显式配置，因为ChartView不在UI层级中，不会自动继承系统默认样式。
• 可精确控制图表在PDF页面的位置和大小，完美适配报告布局。
• 生成的图表为矢量格式，放大后无失真，完全满足PDF的高分辨率需求。

2. 替代方案（特殊场景下的备选） #

虽然直接绘制是最优解，但如果遇到特殊场景（比如需要渲染用户交互后的图表状态），可以考虑以下方案：

优化版方案2：高分辨率UIView渲染 #

如果必须通过UIView生成，可创建高分辨率ChartView避免缩放问题：

• 创建ChartView时，将其bounds设置为PDF所需尺寸乘以屏幕缩放因子（UIScreen.main.scale），确保渲染内容足够清晰。
• 使用drawHierarchy(in:afterScreenUpdates:)方法渲染到图形上下文，再嵌入PDF。

示例代码片段：

let desiredChartSize = CGSize(width: 515, height: 300) // PDF中需要的尺寸
let scale = UIScreen.main.scale
let highResSize = CGSize(width: desiredChartSize.width * scale, height: desiredChartSize.height * scale)

let chartView = LineChartView(frame: CGRect(origin: .zero, size: highResSize))
// 配置数据和样式...

// 生成高分辨率图片
UIGraphicsBeginImageContextWithOptions(highResSize, false, scale)
chartView.drawHierarchy(in: chartView.bounds, afterScreenUpdates: true)
let chartImage = UIGraphicsGetImageFromCurrentImageContext()!
UIGraphicsEndImageContext()

// 将图片绘制到PDF上下文（自动适配PDF分辨率）
chartImage.draw(in: CGRect(origin: CGPoint(x:40, y:80), size: desiredChartSize))

直接使用ChartRenderer #

iOS Charts内部提供ChartRenderer类，可跳过ChartView，直接用渲染器在PDF上下文中绘制：

• 创建对应渲染器（比如LineChartRenderer），传入图表数据、样式配置和视图端口，调用render(in:)方法绘制。这种方式更底层，适合高度定制的场景。

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