文档章节

如何做一张能让人眼前一亮的大屏?

朕想上头条
 朕想上头条
发布于 10/22 11:14
字数 1431
阅读 15
收藏 0

作为在职场驰骋的社会人,提到数据可视化大家应该都不陌生了。数据可视化的作用也不用我多说,主要是利用图形化手段,更清晰直观地将数据展示。多层次、交互式的可视化分析能够方便决策者理解数据背后的意义,深入了解数据细节,帮助领导者做出更加精准的决策。

近年来,数据可视化大屏的出现,更是掀起一番浪潮,众多企业纷纷想要打造属于自己的“炫酷”大屏驾驶舱。比如天猫每年的双十一销售大屏,地图上各地区实时滚动的销售额数据,总能给人下深刻的印象。

可是,在大屏上占据一席之地的地图往往只能从某一个维度展示数据,数据指标那么多,领导全部都要看,这可怎么办?

 

如何做一张能让人眼前一亮的大屏?

 

 

偷偷告诉你,大屏可视化插件扩展图表已经悄悄更新了一个新的地图图表类型——轮播三维组合地图

如何做一张能让人眼前一亮的大屏?

 

先看一下效果:

如何做一张能让人眼前一亮的大屏?

 

我们可以看出,图中以多种地图形态展示了四个维度的数据,既体现了数据价值,也实现了炫酷的动态效果。

单个图表的展示不能完全体现出效果,我们来看一张大屏demo模板

如何做一张能让人眼前一亮的大屏?

 

大家是不是都已经蠢蠢欲动了?允许小编卖个关子,先简单给大家介绍一下什么是扩展图表

扩展图表插件是基于webgl等技术开发,通过简单拖拽即可实现自动播放、3D动画特效等多种效果,且可以根据图表类型和数据提供“自动轮播”和“定时刷新”,满足用户不同场景下的业务需求,在体现数据价值的同时让大屏炫酷起来

如何做一张能让人眼前一亮的大屏?

 

打开设计器,跟我一起来玩转轮播三维组合地图

服务器>插件管理>安装/更新扩展图表3.0

 

如何做一张能让人眼前一亮的大屏?

 

选择扩展图表—地图类,轮播三维组合地图

如何做一张能让人眼前一亮的大屏?

 

分别给四种地图形态选取数据源

如何做一张能让人眼前一亮的大屏?

 

没错,就这么简单,轮播三维组合地图已经完成了!

当然,扩展图表可不仅仅只有这一种效果,包含地图类、指标卡类、仪表盘类等十几种图表类型,大家可以根据需求选择适合的图表,瞬间提升大屏可视化效果

其他扩展图表类型

轮播GIS点地图

如何做一张能让人眼前一亮的大屏?

 

轮播目标齿轮

如何做一张能让人眼前一亮的大屏?

 

时间齿轮

如何做一张能让人眼前一亮的大屏?

 

轮播夜光仪表盘

如何做一张能让人眼前一亮的大屏?

 

扩展图表的图表类型远不止于此,在这里小编就不一一介绍啦,更多的效果等待大家来挖掘。

扩展图表应用实例

每一个效果看起来都非常炫酷,浸入式的动画体验把枯燥的数据变得活灵活现,但是有些用户不知道怎么将扩展图表与大屏进行完美结合,小编今天带来几个实例模板,展示如何在大屏内应用扩展图表,提升大屏整体观感

如何做一张能让人眼前一亮的大屏?

 

 

如何做一张能让人眼前一亮的大屏?

 

 

如何做一张能让人眼前一亮的大屏?

 

想要大屏有风度,心中牢记四要素:排版布局、配色、点缀、动态效果

如何做一张能让人眼前一亮的大屏?

 

NO.1排版布局

明确大屏的展现目的,首先要服务于业务。一个驾驶舱无法展现所有的业务数据,要分清楚主次,让业务内容、数据合理的展现,切勿堆砌满屏的指标,领导找不到重点,数据再多,也毫无意义。

可以参考下面版式:

如何做一张能让人眼前一亮的大屏?

 

NO.2配色

  • 大屏的背景一般选用深色调的颜色或者图片,可以搭配一些带有星空、条纹等效果的图片可以使大屏看起来更有科技感
  • 图表的颜色也至关重要,在跟大屏主色调保持一致的基础上,所有图表的配色还要保持一致性

小技巧:预先设置好图表预定义配色,统一给图表系列更换配色

服务器—图表预定义配色—添加新的预定义样式—编辑图表—系列配色选择

如何做一张能让人眼前一亮的大屏?

 

  • 统一组件标题大小、颜色

设置方式:组件—样式—自定义—标题

如何做一张能让人眼前一亮的大屏?

 

NO.3点缀

细节会极大的影响整体效果,需要通过适当给元素、标题、数字等添加一些诸如边框、图画等在内的点缀效果,能帮助提升整体美观度。

如何做一张能让人眼前一亮的大屏?

 

NO.4动态效果

合理的利用动态效果,可以帮助我们快速理解数据间的关系,为决策分析提供了指导性的意义。

  • 报表块监控刷新,数字实时动态变化

如何做一张能让人眼前一亮的大屏?

 

  • 报表滚动(跑马灯),展示更多数据

如何做一张能让人眼前一亮的大屏?

 

  • 数据点提示自动播放

如何做一张能让人眼前一亮的大屏?

 

更多动态效果移步帮助文档,这里小编不过多介绍了

对大屏感兴趣的同学可以下载FineReport自己动手试试哦,详细步骤可以参考大屏实例方案,按照套路做大屏,适当发挥出扩展图表的优势,你的大屏一定美翻天!

© 著作权归作者所有

朕想上头条
粉丝 0
博文 80
码字总数 131107
作品 0
南京
私信 提问
Nokia N9的演示视频

话说整个视频就滑来滑去,没有什么让人眼前一亮的地方。 话说优酷的广告又到达新境界了,半分钟,很好很强大。

戴威
2011/06/21
368
4
Qomo 0.7 版默认壁纸评选开始投票

看来Qomo 0.7就快来到了,红旗社区正在选默认壁纸,貌似都是社区征集的壁纸,还不错。 经过一周的社区壁纸征集,收到了来自社区朋友的踊跃提交,其中不乏优秀的作品。 经过内部投票决定,在众...

kennycx
2010/06/10
162
0
js判断多个div是否有重叠?

有没有让人眼前一亮的算法或思路?求解

vcxiaohan
2016/08/06
1K
2
装过这么多apk,第一个见这么干滴

每用一个淘宝的产品,都会发现一点让人眼前一亮的东西,不喷了,只看图吧。

TrulyBelieve
2012/07/26
1K
7
自然的步伐——pi前1万位小数数据可视化

版权所有。转载请保留作者和原文链接信息。 前些天在微信公众号上看到一篇文章,讲的是把圆周率pi的小位映射成曲谱,用钢琴演奏出来的效果(竟然还蜜汁好听……) 众所周知,圆周率是一个无限...

真依然很拉风
2018/12/05
0
0

没有更多内容

加载失败,请刷新页面

加载更多

BigDecimal 去后面无用的0的方法

BigDecimal a=new BigDecimal("0.1000"); System.out.println(a.stripTrailingZeros().toPlainString());...

xiaodong16
16分钟前
5
0
JAVA--高级基础开发

[集合版双色球] 十二、双色球规则:双色球每注投注号码由6个红色球号码和1个蓝色球号码组成。红色球号码从1—33中选择;蓝色球号码从1—16中选择;请随机生成一注双色球号码。(要求同色号码...

李文杰-yaya
昨天
16
0
聊聊rocketmq broker的CONSUMER_SEND_MSG_BACK

序 本文主要研究一下rocketmq broker的CONSUMER_SEND_MSG_BACK CONSUMER_SEND_MSG_BACK rocketmq/common/src/main/java/org/apache/rocketmq/common/protocol/RequestCode.java public class......

go4it
昨天
3
0
API常见接口(下)

system类 StringBuilder和StringBuffer 包装类 1.System类 (java.lang包中) 提供了大量的静态方法,可以获取与系统相关的信息或系统级操作。 常用方法: public static long currentTimeMi...

Firefly-
昨天
4
0
MySQL系列:一句SQL,MySQL是怎么工作的?

对于MySQL而言,其实分为客户端与服务端。 服务端,就是MySQL应用,当我们使用net start mysql命令启动的服务,其实就是启动了MySQL的服务端。 客户端,负责发送请求到服务端并从服务端获取数...

杨小格子
昨天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部