PDFでチャートをレンダリング
強力なHTMLからPDFへの変換機能に加えて、IronPDFはJavaScriptレンダリングの完全なサポートを提供します。これには、キャンバスとチャートのレンダリングのサポートが含まれます。 このJavaScriptの完全なサポートにより、開発者は3Dチャートや多角形を含む完全にレンダリングされたチャートを備えた高品質のPDFを作成できます。
サポートされているチャートの一部には以下が含まれます:
- C3.js
- D3.js
- ハイチャート
PDFにチャートをレンダリングする手順
-
var renderer = new ChromePdfRenderer();
javascript
JAVASCRIPT renderer.RenderingOptions.EnableJavaScript = true;
renderer.RenderingOptions.WaitFor.JavaScript();
- renderer.RenderingOptions.CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print;
-
var pdf = renderer.RenderHtmlAsPdf(htmlWithJs);
まず初めに、PDFドキュメントを作成するために使用するHTMLコンテンツを作成する必要があります。 このHTMLには、C3ライブラリを使用してバー チャートを生成するためのインラインJavaScriptが含まれています。 setTimeout 関数は、1 秒後に
window.ironpdf.notifyRender()
が呼び出されることを保証し、JavaScript の実行が完了した後に IronPDF がページのレンダリングを続行するように指示します。これが読みやすいPDFドキュメントにどのようにレンダリングされるかを見てみましょう。 まず、新しい
ChromePdfRenderer
インスタンスを作成します。これは強力なレンダリングエンジンIronPDFにアクセスするために使用され、HTMLページで高度なJavaScriptをレンダリングすることができます。次に、
RenderingOptions
クラスを使用して設定される3つの異なるオプションがあります。 最初のEnableJavaScript = true
は、サンプルのHTMLドキュメント内のJavaScriptがHTMLページをレンダリングする際に実行されることを保証します。WaitFor.JavaScript()
は、すべてのJavaScriptが実行されるまでレンダリングプロセスを一時停止し、チャートが適切にレンダリングされることを保証します。 3番目のオプション、CssMediaType = IronPdf.Rendering.PdfCssMediaType.Print
は、CSSメディアタイプを印刷に設定し、PDFレンダリングのためにスタイルを最適化します。次のステップは、先ほど作成したHTMLドキュメントを最終的にPDFファイルにレンダリングすることです。これには、
RenderHtmlAsPdf
メソッドを使用します。このメソッドはhtmlWithJs
変数を取り、HTMLとJavaScriptを新しいPDFドキュメントに変換します。最後に、PDFドキュメントは
SaveAs
メソッドを使用して保存できます。 これで、HTMLとJavaScriptを使用して作成された完全にレンダリングされたチャートを含む新しいPDFドキュメントが作成されます。