この記事では、Javascriptライブラリ「Chart.js」でグラフのアニメーションを無効化する方法をソースコード付きでまとめました。
アニメーションの無効化
Chart.jsは短いコードでグラフを描けるライブラリです。
デフォルトでは、アニメーションが有効化されています。
そのため、グラフを表示する際にアニメーションが発生します。
今回はこれを無効化する方法を紹介します。
ソースコード
サンプルプログラムのソースコードです。
【Javascript】
Chartクラスのoptions > animationでfalseを指定するとアニメーションを無効化できます。
【HTML】
実行結果
サンプルプログラムの実行結果です。
サンプルデモページ
関連ページ
【Chart.js入門】使い方まとめ
Javascriptライブラリ「Chart.js」でグラフ・チャートを描く方法をサンプルコード付きでまとめました。
web.joho.info
2024.07.04
【Javascript入門】基礎的な使い方とサンプル集
入門者向けにJavascriptの基本文法やサンプルプログラムを解説しています。
web.joho.info
2024.07.04
コメント