使用饼图生成 PDF -iText7

Posted 2023-02-24

【中文标题】使用饼图生成 PDF -iText7

【英文标题】：Generate PDF with pie chart -iText7

【发布时间】：2021-10-23 17:06:28

【问题描述】：

使用 iText 的明显主要原因是，我们公司已经拥有许可证。

要求： 生成包含饼图的报告。 我们的 UX 给了我们一个 html，我正在使用 html2pdf 插件来生成 pdf。 我们使用tlx-chart 作为其最简单的代码。

问题： PDF 不呈现/显示饼图。日志中没有发现错误。 HTML 正在完美创建（虽然 iText 转换似乎不太好），当我按照下面的知识库文章中提供的 chromedriver 加载它时，它呈现重叠的 2 个饼图而不是 1 个。

所以，这篇来自 iText 的 knowledgebase 文章没有帮助。

事实上，我认为我无法继续更新 prod 服务器上的 chromedriver、selenium。 我必须提供松散耦合 (OS>PDF>PIE) 来生成 PDF。

代码片段：

HtmlConverter.convertToPdf(reportHtml, pdfWriter, new ConverterProperties());

"<tlx-chart id=\"mychart\" chart-type=\"PieChart\" chart-editable=\"true\" chart-columns=\"$['Element','Percentage']\" chart-data=\"$$pieData\" </tlx-chart>"

请帮忙！

【问题讨论】：

HtmlConverter 只考虑静态内容和样式信息，不考虑动态渲染，尤其是 tlx-chart 等 javascript 组件不渲染。

【参考方案1】：

所以问题是在 PDF 中嵌入饼图，因为 iText 库没有呈现 JavaScript 标记。我使用 jFreeChart 解决了这个问题。

使用 jFreechart 生成图像并将该图像嵌入 HTML 中 iText 根据 HTML CSS 完美呈现此内容 关于这个please visit here的详细解释和代码sn-p 另一种方法也记录在案here