Skip to content

サイズ

既定は 800 × 600 ピクセル。HTTP/CLI の widthheight オプション で上書きできます。デバイスピクセル比 (devicePixelRatio、既定 1) は 別軸で、出力寸法と描画精度の両方を N 倍しますが、チャートの論理的な 内容領域には影響しません。

小型 (400 × 300)

インラインサムネイルやメールヘッダーで典型的なサイズ。

400×300 で描画。
small-size-400x300

横長 (1200 × 400)

バナー / スパークライン的な用途。

1200×400 で描画。
wide-chart-1200x400

注意点

  • chartjs2img では options.responsive: true にしてもキャンバス はリフローしません。 コンテナを埋めるために内部でセットして いますが、コンテナ自体のサイズはリクエスト時の width / height で決まります。
  • アスペクト比は暗黙的です。 maintainAspectRatio: false を テンプレートで設定しているので、指定した width × height が そのまま出ます。
  • デバイスピクセル比は出力寸法をそのまま倍化します。 800 × 600 で devicePixelRatio: 2 にすると 1600 × 1200 の PNG が出ます。 チャートのレイアウト計算は 800 × 600 の CSS ピクセルで行われ、 ビューポートと Chart.js 内部バッファが 2 倍解像度でラスタライズ されるので、線・文字ともシャープになります。小ファイルが欲しけ れば下げてください。
  • スクリーンショット対象は #chart-container であり、ページ 全体ではありません。HTML chrome、マージン、チャート内に書かなかっ た余白は含まれません。
このページを編集Last updated: