上周，技术组的大哥向我吐槽现在做汇报真是越来越卷了，PPT一个比一个做得花里胡哨 。
不知从什么时候开始，我们忽然进入了一个PPT时代，不管是谁在学习中和工作中都已经离不开PPT，而制作和展示PPT ， 也成了打工人的一项基本的“生存”技能 。一份好的PPT，除了要让用户直接读取到重要信息，还会设计一种场景，让用户能够一眼进入情景 。因此，现在的PPT设计的复杂是为了更好的呈现内容，是场景化的设计的需要 。
但是，做一份复杂的PPT难度不亚于写一篇论文，既要考虑如何把观点讲清楚，又要考虑设计搭配 。我就给技术组的大哥推荐了一个工具 ， 能够零代码快速开发像PPT一样的幻灯片大屏，非常高大上 。采用FineVis这款工具，这是专为大屏可视化场景打造的产品，产品内素材组件丰富，不用写代码 ， 只要拖拽素材库里面的组件，就能快速做出可视化大屏 。此外，它还有很多特殊的动画效果可以提高大屏的可读性 。
先让我们看看效果是什么样的：
私信我模板 ， 和我一起做
【比PPT更好用的办公神器，只需10分钟，打造你的专属可视化大屏】相信大家都有做PPT的经验，大屏制作的过程也类似PPT制作的步骤，主要有：
- 梳理演示模板的故事脉络，整理出模板的大体框架，再收集模板所需要的数据 。
- 按照整理好的顺序进行分页设计，初步完成模板内容的制作 。
- 进行视觉设计，优化模板视觉效果 。
- 补充组件动画，调整细节 ， 实现最终效果 。
一、切换分页
1、首先，我们先学一下如何切换分页 。FVS 模板包含多分页时，可以设置预览播放的方式，默认勾选「循环播放页面」和「显示切换按钮」，但为了预览界面更美观，这里我们取消「显示切换按钮」 。如下图所示：
2）取消切换按钮后 ， 可以通过电脑键盘的左右按键实现分页切换，若还是希望在页面上能通过鼠标点击实现切换，那么可以通过切换分页接口实现 。
说明
duchamp.switchStory("页面4");
跳转到页面4
duchamp.nextStory();
跳转到下一页
duchamp.previousStory();
跳转到上一页
例如添加一个 图片组件，自定义上传一张合适的图片 。如下图所示：
再给该图片添加一个 JavaScript 点击事件，输入 duchamp.nextStory(); 即可实现点击跳转下一页 。
二、 组件3D旋转
在模板中，可能会用到很多样式相同但方向相反的图片，这时我们可以通过组件属性中的「3D旋转」去实现方向的改变 。例如下图中的两组图片：
z轴设置为 0° 和 180° 相当于垂直翻转 。如下图所示：
y轴设置为 0° 和 180° 相当于水平翻转 。如下图所示：
三、 组件动画
使用「组件动画」可以使得模板演示时具有更丰富、美观的效果 。例如：
选中组件，点击「动画>动效设置」 ， 默认动效都是淡入淡出，根据希望的效果选择对应的动效，以及动效时长、进入时机等即可 。
在设置组件动画时 ， 可以将多个组件组合后再进行设置 。如下图所示：
四、点击跳出弹出框
在示例模板的「大事记」页面上，设置了点击事件 ， 点击不同事件可弹出不同的图片 。1、 制作显示图片的普通报表
1）点击下载本文示例模板所使用的图片：activity.zip ，将解压后的 activity 文件夹放到 %FR_HOME%webappswebroothelppicture 工程路径下，如下图所示：
2）在设计器中新建普通报表 ， 新建内置数据集如下图所示：
3）给模板添加一个「模板参数」 ， 用于 FVS 模板实现点击传参以显示不同的图片 。如下图所示：
4）将数据集中的「序号」、「图片路径」字段分别拖入 A1、A2 单元格 。
双击序号所在的 A1 单元格，设置过滤条件为「序号」等于参数 p。如下图所示：
5）C1 单元格插入公式 "
6）最后将 A、B 两列隐藏 ， 保存报表 。
2、 在 FVS 模板中设置点击事件
由于 富文本组件 不支持点击事件，所以我们将 图片组件 置于富文本组件的上方 ， 给图片组件添加点击事件 。弹出框内容链接使用相对路径 /webroot/decision/view/report?viewlet=示例图片.cpt ， 根据事件设置参数 p 等于不同的「序号」 。
如下图所示：
因为在普通报表中，C1 单元格公式定义了图片显示的宽高为 600*400 px，所以弹出框的样式设置需要根据图片的尺寸进行适当的调整 。
如下图所示：
FineVis非常好上手，我在做半年或是年度汇报时常常会用到它，通过制作汇报大屏 ， 能够在会议室内直接汇报自己的工作任务，针对有问题的数据，也能够钻取明细数据 。因此 ， 它是一款非常适合职场人用的工具，目前个人使用免费，工具和模板全都可以试一试 。
私信我模板免费领取40 大屏素材