シェアする

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

スポンサーリンク
ビッグバナー(上2)

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

アニメーションの無効化

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

ソースコード

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

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

【HTML】

実行結果

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

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

スポンサーリンク
レクタングル(下2)
レクタングル(下2)