PRO performance animation formula
アニメーション
数式の計算結果がスムーズにアニメーション。数値やプログレスバーが滑らかに変化する様子を体験。
デモの解説
このデモは ReoGrid の内蔵アニメーションエンジンを体験できます。数量列（C 列）の値を編集すると、売上・累計・達成率・P&L%・スパークラインセルがスムーズにトランジションします。
- ws.setAnimation(true) でグローバルにアニメーションを有効化 — 値が変わる全セルにアニメが適用
- イージング関数（easeOutCubic）と継続時間（500ms）は独立して設定可能
- プログレスバーとスパークラインは数値に連動してビジュアル状態をアニメーション
- 数式エンジンが先に依存セルを再計算し、アニメーションが旧値から新値へ視覚的に補間
- 「アニメーション ON/OFF」ボタンでアニメありとなしを切り替えて比較
主要 API
ws.setAnimation(enabled) ワークシート全セルのスムーズな値トランジションアニメーションを有効/無効化
ws.setAnimationDuration(ms) アニメーションの継続時間をミリ秒で設定（デフォルト：300ms）
ws.setAnimationEasing(easing) イージング関数を設定：linear, easeIn, easeOut, easeInOut, easeOutCubic など
ws.setCellType(row, col, options) 数値と連動してビジュアルがアニメーションするプログレスバー・スパークラインを設定
ws.setCellInput(row, col, value) 数式（= プレフィックス）を設定 — 数式結果の変化が依存セルのアニメーションをトリガー
ソースコード
TypeScript