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ドキュメントが作成されます。

    こちらをクリックして、例、サンプルコード、ファイルを含むガイドを表示します >