【Plotly.jsデモ】棒グラフ 棒が伸びるアニメーション

Plotly.jsで、棒が伸びるアニメーションのデモです。

Plotly.animate() を使うことで、簡単に実装できます。

 

右下の Return をクリック。

See the Pen Bar Chart Animation by Masa (@Tekuzo) on CodePen.

 

ソースコードを見たい場合、左上の JS をクリック。

ご不明点、ご要望などありましたら、よろしければコメント欄にコメントをお願いします。

 

 

ちなみに、アニメーションの加速度の変化は、イージング設定で変更できます。

イージング設定の動きのイメージ図は、下記サイトが分かりやすいです

Easing functions specify the speed of animation to make the …

 

さらに、Plotly.jsでイージングに設定できる値は、以下のサイトに記載されています。