【问题标题】:Generate PDF with pie chart -iText7使用饼图生成 PDF -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 组件不渲染。

标签: itext pdf-generation pie-chart html2pdf


【解决方案1】:

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

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

【讨论】:

    猜你喜欢
    • 2019-05-12
    • 2018-03-03
    • 1970-01-01
    • 2019-03-22
    • 1970-01-01
    • 2016-10-15
    • 1970-01-01
    • 1970-01-01
    • 2023-02-01
    相关资源
    最近更新 更多