首页 > 资讯 > > 内容页

比PPT更好用的办公神器,只需10分钟,打造你的专属可视化大屏

2023-05-11 07:13:41 数据分析不是个事儿

上周,技术组的大哥向我吐槽现在做汇报真是越来越卷了,PPT一个比一个做得花里胡哨。


【资料图】

不知从什么时候开始,我们忽然进入了一个PPT时代,不管是谁在学习中和工作中都已经离不开PPT,而制作和展示PPT,也成了打工人的一项基本的“生存”技能。一份好的PPT, 除了要让用户直接读取到重要信息,还会设计一种场景,让用户能够一眼进入情景。 因此,现在的PPT设计的复杂是为了更好的 呈现内容 ,是 场景化的设计的需要。

但是,做一份复杂的PPT难度不亚于写一篇论文,既要考虑如何把观点讲清楚,又要考虑设计搭配。我就给技术组的大哥推荐了一个工具,能够零代码快速开发像PPT一样的幻灯片大屏,非常高大上。采用 FineVis 这款工具,这是专为大屏可视化场景打造的产品, 产品内素材组件丰富,不用写代码,只要拖拽素材库里面的组件,就能快速做出可视化大屏 。此外,它还有很多特殊的动画效果可以提高大屏的可读性。

先让我们看看效果是什么样的:

私信我模板,和我一起做

相信大家都有做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%\webapps\webroot\help\picture 工程路径下,如下图所示:

2)在设计器中新建普通报表,新建内置数据集如下图所示:

3)给模板添加一个「模板参数」,用于 FVS 模板实现点击传参以显示不同的图片。如下图所示:

4)将数据集中的「序号」、「图片路径」字段分别拖入 A1、A2 单元格。

双击序号所在的 A1 单元格,设置过滤条件为「序号」等于参数 p 。如下图所示:

5)C1 单元格插入公式 \"\" ,公式中定义图片显示的宽高为 600*400 。

再设置 C1 单元格属性>其他>显示内容 为「用HTML显示内容」。如下图所示:

6)最后将 A、B 两列隐藏,保存报表。

2、 在 FVS 模板中设置点击事件

由于 富文本组件 不支持点击事件,所以我们将 图片组件 置于富文本组件的上方,给图片组件添加点击事件。

弹出框内容链接使用相对路径 /webroot/decision/view/report?viewlet=示例图片.cpt ,根据事件设置参数 p 等于不同的「序号」。

如下图所示:

因为在普通报表中,C1 单元格公式定义了图片显示的宽高为 600*400 px,所以弹出框的样式设置需要根据图片的尺寸进行适当的调整。

如下图所示:

FineVis非常好上手,我在做半年或是年度汇报时常常会用到它,通过制作汇报大屏,能够在会议室内直接汇报自己的工作任务,针对有问题的数据,也能够钻取明细数据。因此,它是一款非常适合职场人用的工具,目前个人使用免费,工具和模板全都可以试一试。

私信我模板免费领取40+大屏素材

上一篇:拼多多里面拼单有什么条件(拼多多拼单是什么规则) 全球动态

下一篇:最后一页

x
热点聚焦