c# - 使用 IronPdf 将带有图表的 HTML 转换为 PDF

Question

在尝试IronPdf库将 HTML 与图表转换时，我没有将图表转换为 PDF 文件。PDF 在没有条形图的情况下生成。这是我试图转换为 PDF 的示例链接 - https://www.chartjs.org/samples/latest/charts/bar/horizo​​ntal.html

使用的代码：

var Renderer = new IronPdf.HtmlToPdf();
Renderer.PrintOptions.EnableJavaScript = true;
Renderer.PrintOptions.RenderDelay = 500;
Renderer.PrintOptions.CssMediaType = PdfPrintOptions.PdfCssMediaType.Print;
var PDF = Renderer.RenderUrlAsPdf("https://www.chartjs.org/samples/latest/charts/bar/horizontal.html");
var path = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.Desktop), "horizontal.pdf");
PDF.SaveAs(path);

Answer 1

我遇到了与 HighCharts 类似的问题。我添加了解决我的问题的 c3 和 d3 脚本文件（JS 和 CSS）。

请将以下代码添加到您的代码中：

<link href="https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.4/c3.css" rel="stylesheet">
<script src="https://d3js.org/d3.v4.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.4/c3.js"></script>

让我知道它是否适合您。

Answer 2

我发现，自 2021.9.3737 以来，IronPDF 主包为我和我的团队很好地呈现了 JS 图表。我使用最新的 nuget https://www.nuget.org/packages/IronPdf/

using IronPdf; 
 
var Renderer = new IronPdf.ChromePdfRenderer();
 
Renderer.RenderingOptions.EnableJavaScript = true;
Renderer.RenderingOptions.RenderDelay = 500;

var PDF = Renderer.RenderUrlAsPdf("https://www.chartjs.org/samples/latest/charts/bar/horizontal.html");

var path = Path.Combine(Environment.GetFolderPath(Environment.SpecialFolder.Desktop), "horizontal.pdf");

PDF.SaveAs(path);