chart.js でグラフを画像保存する

chart.js を使って表示したグラグを画像にして保存します。

chart.js

chart.js はシンプルで柔軟なグラフを綺麗に描画できる、javascript のチャートライブラリです。

導入からグラフ表示に関してはこちら

chart.js でグラフを表示する

画像保存

toBase64Image メソッドを使って canvas に描画したグラフを画像に変換します。

実行

まとめ

簡単にグラフを画像にすることができました。初期では背景は透過になっていますので、chartArea の backgroundColor を指定することで変更できます。

参考

公式:Chart.js

公式ドキュメント:Chart.js documentation

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA