Skip to content

サイズ

既定は 800 × 600 ピクセル。HTTP/CLI の widthheight オプション で上書きできます。デバイスピクセル比 (devicePixelRatio) は別軸で、 Retina 向けに画像を拡大しますがチャートの内容領域には影響しません。

小型 (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 ピクセルで描画され、キャンバスが 2 倍解像度で書き出されます。 Retina 表示では良いですが、小ファイルが欲しければ下げてください。
  • スクリーンショット対象は #chart-container であり、ページ 全体ではありません。HTML chrome、マージン、チャート内に書かなかっ た余白は含まれません。
このページを編集Last updated: