数据可视化制作方法详细介绍
案例分析
你这张图已经是 专业级财经视频风格 了
它不是简单的 Canva 动画，而是典型的：
背景视频 + 半透明遮罩 + 柱状图动画 + 数字递增动画 + 渐变颜色
给你拆解它是怎么做的，然后给你一个“普通人能复刻”的方法。
一、这张图的结构拆解
① 背景
是一段施工现场视频
上面叠了一层 半透明黑色遮罩
让前面的图表更清晰
👉 做法：背景视频 + 透明度 30-50% 黑色矩形
② 柱状图
特征：
每根柱子颜色不同
有渐变
有透明度
底部发光边缘
有上升动画
这不是 Excel 默认样式。
通常用：
AE（After Effects）
或 ECharts
或 Pr + 动画叠加
③ 数字动画
上方数字：
- 203,420
- 235,693
- 261,346
这些是“数字递增动画”：
从 0 → 目标数值滚动上升
不是直接出现。
④ 颜色设计
颜色有规律：
2016-2019：偏冷色
2020-2022：偏红色（高峰）
2023-2024：下降变深色
2025：蓝色
这是用颜色表达趋势。
二、它通常用什么工具做？
专业做法（电视级）
方案 A：After Effects（最常见）
流程：
背景视频放底层
加黑色遮罩
用形状图层画柱子
给柱子加“缩放动画”（Y轴从0到目标）
用表达式做数字递增
优点：
- 非常丝滑
- 可控
缺点：
- 学习成本高
方案 B：ECharts + 导出视频（程序化）
你做前端的话更推荐这个。
ECharts 可以：
设置背景透明
设置渐变柱子
设置数字递增
自动动画播放
然后：
- 录屏或导出视频。
三、普通人可复刻方案（不学AE）
我给你一个 3 步组合方案：
第一步：准备背景视频
找施工视频
或自己拍
放进 Canva / PR / CapCut
第二步：做透明遮罩
插入一个黑色矩形：
拉满全屏
透明度 40%
第三步：做柱状图动画
用 Flourish 或 Canva：
推荐：Flourish
选择 Bar Chart
输入 2016-2025 数据
开启动画
导出透明背景视频
然后：
- 叠加在背景视频上。
四、数字递增效果怎么做？
方式 1：AE 表达式（专业）
- Math.round(linear(time, 0, 3, 0, 342784))
方式 2：CapCut / 剪映
插入数字
添加“数字增长动画”
方式 3：ECharts 自动动画（推荐给你）
它可以自动做：
柱子上升
数字递增
时间轴播放
而且你有前端能力，这是最适合你的。
五、你如果想复刻这个效果，我给你 3 条路线
路线 1（简单）
- Canva 背景 + 柱图动画
适合：
- 入门测试
路线 2（中级）
- Flourish + 视频剪辑软件
适合：
- 财经公众号视频
路线 3（高级，适合你）
- ECharts 动态柱状图 + 背景视频合成
优点：
可自动生成多期数据
可批量更新
可以做成你专栏固定风格