组件动画与外壳

V2.3.0 起，平台为 全部 57 类组件 提供统一的 入场动画 与 科技外壳，并在图表、列表、地图、关系图、词云等类型上扩展 行为动效。编辑器画布与预览/发布页 一致播放，便于边搭边看。

配置入口：选中组件 → 右侧 行为 Tab → 动效与交互 板块（部分子项名称因类型而异）。

---

入场动画

适用于所有组件，控制组件首次出现在画面上的方式。

配置	说明
开关	关闭则无入场效果
类型	fade（淡入）、zoom（缩放）、slide-left / slide-right / slide-up / slide-down（滑入）
时长	100～2000 ms
错落延迟	0～5000 ms；多组件依次出现，适合整页「排队入场」

与图表加载动画的关系

大屏 设置 中有整页 图表加载动画（系列依次绘制）。若同时开启 入场错落延迟，图表类组件会通过 延迟挂载 机制，等入场动画完成后再初始化 ECharts，避免：

• 入场阶段图表已在 opacity: 0 时被初始化
• 大屏级「图表加载动画」被跳过、柱子直接出现

因此 入场延迟 与 图表加载动画 可以共存，现场验收时两者都会按预期播放。

保存与重开

入场配置随大屏 JSON 持久化；保存后重开编辑器，参数与预览一致。

---

科技外壳（WidgetAnimShell）

为组件外围增加科技感边框动效，不改变组件内部数据与交互。

样式	效果
无	不增加额外装饰
霓虹呼吸	边框亮度周期性变化
线框流光	边框线条流动
定时扫光	按周期扫过边框

可配项（以面板为准）：

• 主色调：边框与光效基色
• 呼吸周期：霓虹呼吸速度
• 扫光渐变：定时扫光的颜色过渡

全部 57 类组件均可用；选择「无」时不增加额外 DOM，对性能影响最小。

---

图表自动轮播

行为 Tab 中配置（标准图表，不含仪表盘）。

配置	说明
开关	定时高亮不同系列或数据点
间隔	轮播切换周期
大数据量	开启「大数据渲染」等优化时，轮播可能 自动关闭 以保证流畅

适用：柱状图、折线图、饼图、雷达图等。悬停时通常暂停轮播（以实际图表类型为准）。

---

列表滚动动画

适用于：表格、滚动表格、滚动列表、横向条形。

配置	说明
模式	无缝匀速滚动 / 单行翻页
启动阈值	行数达到多少才开始滚动
翻页间隔	单行翻页模式下的切换周期
新行闪烁	数据源增量更新时，新行短暂高亮

与数据源绑定时，预览/发布页随数据刷新；编辑器内一般不持续轮询接口。

---

数字滚动动画

专用于 数字滚动 基础组件（numberScroll），在 行为 Tab。

模式	效果
翻牌卷轴	机械翻牌式数字变化
打字机	数字插值跳动
不滚动	直接显示目标值

可配：小数位、千分位、前缀后缀、过冲回弹、更新限流、等宽数字等。文字样式（含渐变）在 样式 Tab。

---

地图行为动效

渐变地图 · 区域轮播

定时高亮不同行政区，适合轮播展示各省/市数据。

飞线地图 / 3D 飞线 · 飞线动画

配置	说明
飞线速度	粒子移动快慢
尾迹长度	飞线拖尾视觉

3D 地图 · 镜头自转

开启后镜头缓慢旋转，增强展厅氛围；可在 行为 或 高级 板块配置（以面板为准）。

地图区划数据来自平台 本地区划 API，不依赖外网。见 地图与其它组件。

---

关系图连线流光

关系图（graphChart）在 行为 Tab 可开启 连线流光：边线沿路径流动，适合网络拓扑、产业链展示。

---

词云词条漂浮

词云（wordCloud）可开启 轻微漂浮：词条在原位附近缓慢漂移，增加动感；幅度较小，不影响阅读。

---

与大屏级动画的配合

层级	配置位置	作用
大屏级	大屏设置 → 图表动画	所有图表系列加载时的绘制动画
组件级	行为 → 入场动画	整个组件进入画面
组件级	行为 → 科技外壳	组件外框装饰
组件级	行为 → 轮播/滚动/地图等	组件内部持续动效

建议顺序：

1. 先定 画布尺寸与布局
2. 再开 入场 + 错落延迟 看整页节奏
3. 最后微调 图表加载动画 与 轮播/滚动

---

预览与发布

• 编辑器画布：V2.3.0 起与预览/发布 一致 播放入场与外壳（无需只靠预览验收）
• 公开预览 /p/{token}：同样生效；适配模式不影响动画
• 评价大屏：SSE 实时数据与动画独立；打分更新不重置入场状态

---

相关文档

• 属性面板详解
• 大屏设置与媒体 · 图表动画
• 组件配置说明 · 行为
• 组件类型速查