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

问君能有几多愁,工做让我白了头。服务器

废寝忘食作大屏,上司以为不可行。工具

横批:吃藕(chou)布局

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

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

 

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

 

 

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

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

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

 

哟哟哟,开挂了吗?本觉得轮播钻取已经是大招,没想到这家伙作的轮播还能自动联动其余组件!模板

一样是用Finereport 10,为何他这么优秀!

 

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

哦,原来是氪金了呀!

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

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

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

以往介绍了很多大屏的文章:

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

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

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

美观在于排版、配色。

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

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

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

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

 

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

1、数据指标和排版布局

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

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

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

2、扩展图表

安装插件-扩展图表

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

 

 

 

 

3、选表取数,精雕细啄

根据须要展现的指标整理好数据,选择本身偏好的图表元素。

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

 

 

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

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

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

 

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

 

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

 

基本上就设置好了

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

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

PS:没有通过严格的视觉色彩设计,等着大家秀给我看了

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