PDFでチャートとグラフをレンダリング

import com.ironsoftware.ironpdf.PdfDocument;
import com.ironsoftware.ironpdf.render.ChromePdfRenderOptions;
import com.ironsoftware.ironpdf.render.CssMediaType;
import java.io.IOException;
import java.nio.file.Paths;

String htmlWithJs = "var htmlWithJs = @\"<!DOCTYPE html>\n" +
        " <html>\n" +
        " <head>\n" +
        " <meta charset='utf-8' />\n" +
        " <title>C3 Bar Chart</title>\n" +
        " </head>\n" +
        " <body>\n" +
        " <div id='chart' style='width: 950px;'></div>\n" +
        " <script src='https://d3js.org/d3.v4.js'></script>\n" +
        " <!-- Load c3.css -->\n" +
        " <link href='https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.4/c3.css' rel='stylesheet'>\n" +
        " <!-- Load d3.js and c3.js -->\n" +
        " <script src='https://cdnjs.cloudflare.com/ajax/libs/c3/0.5.4/c3.js'></script>\n" +
        " <script>\n" +
        " Function.prototype.bind = Function.prototype.bind || function (thisp) {\n" +
        " var fn = this;\n" +
        " return function() {\n" +
        " return fn.apply(thisp, arguments);\n" +
        " };\n" +
        " };\n" +
        " var chart = c3.generate({\n" +
        " bindto: '#chart',\n" +
        " data: {\n" +
        " columns: [\n" +
        " ['data1', 30, 200, 100, 400, 150, 250],\n" +
        " ['data2', 50, 20, 10, 40, 15, 25]\n" +
        " ]\n" +
        " }\n" +
        " });\n" +
        " </script>\n" +
        " </body>\n" +
        " </html>\"";

ChromePdfRenderOptions renderingOptions = new ChromePdfRenderOptions();
renderingOptions.setEnableJavaScript(true);
renderingOptions.setWaitFor(new WaitFor(1000));
renderingOptions.setCssMediaType(CssMediaType.PRINT);

PdfDocument pdf = PdfDocument.renderHtmlAsPdf(htmlWithJs, renderingOptions);

// Save the PDF
try {
    pdf.saveAs(Paths.get("assets/js_chart.pdf"));
} catch(IOException exception) {
    exception.printStackTrace();
}

PDFでチャートとグラフをレンダリング

IronPDFは、最新のJavaScript技術で構築されたチャートやグラフ、その他の要素を含むウェブページをレンダリングできます。

IronPDFは、WebGLをサポートしており、マシンのハードウェアグラフィックス機能を使用してウェブキャンバスで構築された要素を処理することができます。

IronPDFは、以下を含むすべてのサードパーティ製チャートライブラリをサポートしています：

C3.js

D3.js (ディースリー・ジェイエス)

Note: For clarity in Japanese, including a phonetic representation in parentheses follows common practice.

ハイチャート

ChromePdfRenderOptionsオブジェクトのsetEnableJavaScriptメソッドは、ウェブページ内の内部または外部で参照されるJavaScriptの処理を有効にするために開発者が使用できます。このプロパティをtrueに設定する必要があります。これにより、IronPDFがチャートやグラフィックをウェブページにレンダリングするために必要なJavaScriptを処理できるようになります。

setRenderDelayは、IronPDFがウェブページのJavaScriptを指定された時間だけ解釈を延期するように設定します (ミリ秒で) DOMを読み込んだ後。このメソッドは、IronPDFのHTML-to-PDFコンバーターが、ブラウザが最初に読み込みを完了した後に数秒間で表示されるウェブページのコンテンツをキャプチャするのに役立ちます。これは、完了するまでに長時間かかる非同期 JavaScript コードに特に関連しています。

参照してくださいレンダリングオプションコード例 ChromePdfRenderOptionsクラスで利用可能な追加メソッドの詳細については、こちらをご覧ください。
Javaでチャート付きのPDFを生成する方法
1. グラフ付きPDFを生成するためにJavaライブラリをインストール
2. にtrueを渡します setEnableJavaScript JavaScriptを有効にする方法
3. JavaScriptが完全にチャートを作成するために、レンダリング遅延を増加させます
4. 使用 CssMediaType.PRINT ピクセル完璧なPDFを取得するオプション
5. 次を使用してPDFを生成 HTMLをPDFとしてレンダリング メソッド

準備はできましたか？バージョン: 2024.9 新発売

View Licenses >

PDFでチャートとグラフをレンダリング

PDFでチャートとグラフをレンダリング

Javaでチャート付きのPDFを生成する方法

関連ドキュメントリンク

準備はできましたか？バージョン: 2024.9 新発売

ライブ環境でテストする

完全に機能する製品

24/5 テクニカルサポート

無料で取得 30日間の試用キー即座に。

試用フォームが送信されました
成功しました.

世界中の何百万人ものエンジニアに信頼されています

ライブ環境でテストする

完全に機能する製品

24/5 テクニカルサポート

無料で取得 30日間の試用キー即座に。

試用フォームが送信されました
成功しました.

世界中の何百万人ものエンジニアに信頼されています

ライブ環境でテストする

完全に機能する製品

24/5 テクニカルサポート

無料で取得 30日間の試用キー即座に。

世界中の何百万人ものエンジニアに信頼されています

IronPDFはIRONの一部ですスイート

PDFでチャートとグラフをレンダリング

PDFでチャートとグラフをレンダリング

Javaでチャート付きのPDFを生成する方法

関連ドキュメントリンク

準備はできましたか？ バージョン: 2024.9 新発売

無料で手に入れましょう

試用フォームが送信されました成功しました.

試用フォームが送信されました成功しました.

試用フォームが送信されました成功しました.

試用フォームが送信されました成功しました.

ライブ環境でテストする

完全に機能する製品

24/5 テクニカルサポート

無料で取得 30日間の試用キー 即座に。

試用フォームが送信されました成功しました.

世界中の何百万人ものエンジニアに信頼されています

ライブ環境でテストする

完全に機能する製品

24/5 テクニカルサポート

無料で取得 30日間の試用キー 即座に。

試用フォームが送信されました成功しました.

世界中の何百万人ものエンジニアに信頼されています

ライブ環境でテストする

完全に機能する製品

24/5 テクニカルサポート

無料で取得 30日間の試用キー 即座に。

世界中の何百万人ものエンジニアに信頼されています

IronPDFはIRONの一部ですスイート

準備はできましたか？バージョン: 2024.9 新発売

試用フォームが送信されました
成功しました.

試用フォームが送信されました
成功しました.

試用フォームが送信されました
成功しました.

試用フォームが送信されました
成功しました.

無料で取得 30日間の試用キー即座に。

試用フォームが送信されました
成功しました.

無料で取得 30日間の試用キー即座に。

試用フォームが送信されました
成功しました.

無料で取得 30日間の試用キー即座に。