Skip to content

同梱プラグイン

プラグインのバンドルは CLIHTTP サーバー で 共通です(両者は同一のレンダラーを共有)。このページは両方のトラック からリンクされる共通リファレンスです。

chartjs2img は Chart.js コア + 12 プラグインエコシステム を全て ヘッドレスブラウザに事前ロードしています。インストール不要 — 設定 JSON でオプションを書くだけ。

各プラグインの詳細オプションは chartjs2img llm を実行して該当セクション を抽出するか、下表のリンクをたどってください。

コア

プラグインバージョン用途
chart.js4.4.9全て — Chart.js 本体

標準で chart.type に指定できる値: bar, line, pie, doughnut, radar, polarArea, scatter, bubble

装飾系

プラグインバージョン用途
chartjs-plugin-datalabels2.2.0棒 / 点 / スライスに値を表示
chartjs-plugin-annotation3.1.0閾値線、ボックス、ラベル、ポリゴン
chartjs-plugin-zoom2.2.0初期レンジ / ズーム設定
chartjs-plugin-gradient0.6.1canvas コードなしでグラデーション塗り

datalabels の注意: datalabels は 既定で非表示 です。表示したい 場合は options.plugins.datalabels.display: true をチャート毎または データセット毎に明示してください。

追加チャートタイプ

プラグインバージョン追加される chart.type
chartjs-chart-matrix2.0.1matrix — ヒートマップ
chartjs-chart-sankey0.12.1sankey — 流量図
chartjs-chart-treemap2.3.1treemap — 階層ブロック
chartjs-chart-wordcloud4.4.3wordcloud — ワードクラウド
chartjs-chart-geo4.3.3choropleth, bubbleMap — 地理系チャート
chartjs-chart-graph4.3.3graph, forceDirectedGraph, dendrogram, tree — ネットワーク
chartjs-chart-venn4.3.3venn, euler — 集合図

日付アダプタ

プラグインバージョン用途
chartjs-adapter-date-fns3.0.0時間軸 (scales.x.type: "time") に必須

同梱されていないもの

  • アニメーションoptions.animation は内部で常に OFF。レンダラは 最終フレームを安定して撮影する必要があるため、アニメーションは中途 半端なフレームで切り取られてしまいます。
  • 持ち込みの自作プラグイン — ブラウザが実行するのはページ初期化時に ロードされる上記プラグインのみ。追加するには開発者ガイド Chart.js プラグインの追加 を参照。

レンダー時の強制 / 上書き

Chart.js プラグインは通常 options.plugins.<name> で有効化できます。 データセット毎の上書き (例: datalabels) は各プラグインの公式ドキュメント を参照。chartjs2img llm には全同梱プラグインの完全オプションツリーが 含まれます。

このページを編集Last updated: