导出的 pdf 中不显示图表

Question

请参考以下示例： https://stackblitz.com/edit/angular-ivy-eqvhys?file=src%2Fapp%2Fapp.module.ts,src%2Fapp%2Fapp.component.html,src%2Fapp%2Fapp.component.ts,package .json

请帮助我解决 pdf 文件中的图表可见性问题

Answer 1

我找到了将图表转换为 pdf 的解决方法：

1. 使用以下方法将图表转换为png图像

   convertChartToImg(chartId): 可观察的 { 返回新的 Observable(观察者 => { const 图表 = document.querySelector(chartId); 如果（图表）{ this.subs.add(this.captureService.getImage(canvas, true) 。管道（ 点击（（img：字符串）=> { 观察者.下一个(img) }) ）。订阅（））; } }) }

2. 用 png 图像替换图表。

3. 更新了我的目标元素并发送 pdf。