【Chart.js】グラフのアニメーションを無効化

この記事では、Javascriptライブラリ「Chart.js」でグラフのアニメーションを無効化する方法をソースコード付きでまとめました。

スポンサーリンク

アニメーションの無効化

Chart.jsは短いコードでグラフを描けるライブラリです。
デフォルトでは、アニメーションが有効化されています。
そのため、グラフを表示する際にアニメーションが発生します。
今回はこれを無効化する方法を紹介します。

スポンサーリンク

ソースコード

サンプルプログラムのソースコードです。
【Javascript】


Chartクラスのoptions > animationでfalseを指定するとアニメーションを無効化できます。

【HTML】


スポンサーリンク

実行結果

サンプルプログラムの実行結果です。
サンプルデモページ

【関連記事】
Chart.js入門 グラフ・チャート作成
Javascript入門

Javascript
スポンサーリンク
西住工房

コメント