Data & Numbers

Chart Data Transition (图表数据过渡)

别称 Chart Update Animation

数据变化或切换数据集时,图表元素从旧值平滑过渡到新值。

实时仪表盘

  • value tween
  • show/hide fade
  • hover active transition
  • looped animation

查看演示源码

提示词

将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。

在[应用位置]添加“图表数据过渡”(Chart Data Transition),也叫 chart update animation。
数据变化时,所有柱子同时从旧值平滑、从容地过渡到新值,而不是从零重新绘制。
每次更新都从屏幕上当前的数值开始,这样快速连续的第二次变化也不会跳变;如果用户开启了“减少动态效果”(prefers-reduced-motion),则立即应用新数值。

将 [应用位置] 替换为你要应用的位置,然后粘贴给 AI 智能体。提示词中包含动效名称,下次只说名称即可提出需求。