这个技能,让可视化大屏开挂一样的秀!

问君能有几多愁,工作让我白了头。

废寝忘食做大屏,上司觉得不可行。

横批:吃藕(chou)

最近可视化大屏怎么那么火,接连几个项目都指明要大屏。

忙活一周都在做demo,各种扣图排版特效,自认为完美。好不容易组长点头了,项目经理pass了。改了一稿后,项目经理点头了,IT部长pass了。

被逼无奈,请教了一个做过N张大屏的同事,二话不说给我发了几张效果图

华丽视觉特效,简直不能太炫酷!!令人窒息!

额,谦虚使人进步!我还有空间

然而,更令我震惊的还在后头!

哟哟哟,开挂了吗?本以为轮播钻取已是大招,没想到这家伙做的轮播还能自动联动其他组件!

同样是用Finereport 10,为什么他这么优秀!

小编端茶倒水、揉肩捶背,费劲九牛二虎之力,终于得知一个利器:一切都是用了现成的扩展图表。

哦,原来是氪金了呀!

我们知道,FineReport是制作报表的工具,更多解决的是业务报表制作和数据化管理问题。但是它同样被用来可视化展示,大屏就是其中之一。

FineReport是用B/S设计器设计报表/可视化模板,然后放网页端展示。市面上大部分可视化大屏都是写JS,调用Echarts图表定制出来的,虽然效果更多,但一旦数据口径改变,或者数据量多,需要对接系统,就要写代码调整,很麻烦。

相比而言,用报表/BI做可视化大屏,还是很简单的,拖拽各种空控件,确定了数据源、图表、布局就能出来。

以往介绍了不少大屏的文章:

《大屏做成这样,领导不重用你都难!》《4步教你玩转可视化大屏设计|内附实际操作》《3D全景地图,可视化大屏也有黑科技!》

可视化大屏制作讲究实用、美观、酷炫。

实用性的关键在于主题确定和指标设计。

美观在于排版、配色。

酷炫就在于你用了多少特技??

咦,谈到特技,小编就是在特技上吃了亏,没办法,动效不感人。

好在 同事那儿打听到 FineReport 10.0 扩展了一批新的动效插件:

打开设计器>服务器>插件管理,安装插件扩展图表,会发现众多让人赞叹的炫酷图表,诸多为数据大屏特别优化的酷炫动效!

得此至宝,小编要来大展身手,让领导刮目相看,走向人生巅峰!

一、数据指标和排版布局

数据指标的选取和排版布局的选择,大师兄在以往已经给大家解析的非常到位了,在此就不赘述了,看此文即可:

《大屏做成这样,领导不重用你都难!》《4步教你玩转可视化大屏设计|内附实际操作》

今天我只想感受一下扩展图表最新黑科技。

二、扩展图表

安装插件-扩展图表

GIS点地图、水球图、弧形柱形图、轮播KPI指标卡、目录齿轮等。

三、选表取数,精雕细啄

根据需要展示的指标整理好数据,选择自己偏好的图表元素。

咳咳,重点来了,以下内容请睁大眼睛用200%专注度阅读!!

四、设置动效播放时自动触发其他组件数据跟随联动

这个功能是王炸!动态效果播放时还能自动触发其他组件数据跟随联动!

PS:老版本要更新到最新版插件才能体验

先在水球图、弧形柱形图、折线图所调用的数据集内定义参数

编辑轮播GIS点地图,选择播放界面,添加轮播联动

基本上就设置好了

接下来是配色调整,考验审美的时候。不要慌,按照 FineReport报表 - 专业的企业级Web报表工具样式,一般都可以自主调出好看的效果。

这样,一张轮播自动联动效果的简单演示示例模板就完成了~

PS:没有经过严格的视觉色彩设计,等着你们秀给我看了

so,感兴趣大屏么,赶紧下载 FineReport10.0 练手吧!

原文地址:https://www.cnblogs.com/hzcya1995/p/13325797.html