上次给各位看了一个新的可视化图表和大屏:

FineReport作为报表界扛把子,必须安排到位!

今天教大家,如何巧妙利用图表,快速做出场景化数字大屏!

一、大屏主体类图表

大屏主体类图表通常作为整块大屏的视觉中心,一般放在中间位置,呈现主要信息或信息展示的维度,而且通常带有联动、跳转等动态效果。

1、场景类

场景切换地图拥有游戏级3D视觉效果,可以实现多场景(多地图)切换。

应用:公司入口、展厅、会议室、领导办公室大屏

  • 有较高的视觉要求的大屏
  • 含有多个地理信息维度的数据要展示
  • 需要自动轮播、点击钻取或切换等互动操作

应用案例:

2、地球类

(1)三维点地球可以直观展示各个点的详细信息,不止于数值,还可以是文字

(2)三维柱形地球通过柱形直观展示各个点的数据大小

(3)三维流向地球,利用流线生动地展示两点之间的物流、交易等业务关系

应用:大屏要求酷炫风、科技感等视觉效果;有全球业务的数据需要展示

应用案例:

3、地图类

(1)轮播 GIS 点地图

应用:多个地理数据点的信息按点轮播;轮播联动其它组件展示信息。

效果如下图所示:

应用案例:

(2)轮播三维组合地图,点、线、柱形、区域四种数据类型的地图轮播

应用:多个维度的地理数据点按轮播

应用案例:

3、其他类型

(1)轮播目录齿轮 ,将列表型的目录可视化为齿轮状,轮播联动各个维度的数据

应用案例:

(2)智慧树,将多个维度的数据用树体上的气泡来代表,轮播气泡联动对应维度的数据,或跳转对应页面

应用:大屏既要求视觉效果,又要展示多个维度、多个指标数据

应用案例:

二、大屏点缀类图表

大屏点缀类图表通常环绕在视觉中心周围,起到画龙点睛的作用,用来呈现次要信息,但通常也是重点关注的指标。

1、仪表盘

(2)水球图

2、指标卡类

(1)轮播KPI指标卡

(2)粒子计数器

3、时间类

时间齿轮

4、柱形图类

三、场景化大屏开发步骤

介绍完了各个扩展图表的特点和用法,下面带着大家一起来实操一张场景地图大屏demo,效果如下:

整体步骤如下:

1、确定主题

大屏是给谁看的?在什么场景下展示,要展示哪些信息?

  • 领导层,在公司展厅接待外宾,用来向嘉宾展示集团的全国销售业务情况
  • 管理层,在办公室,用大屏上的重要指标来支持日常决策
  • 业务组成员,在会议室开会,用大屏数据来支撑会议过程中的论点

2、抽取指标,确定图表类型

搞清楚了大屏要展示的信息,然后根据对应的业务场景抽取关键指标,再根据分析目标确定指标分析维度,这边给一张图表选择指南:

3、布局排版

4、数据准备

打开设计器的第一步就是数据准备,准备好我们要用的数据。

5、拖拽组件布局

定义好数据集之后,下一步就是按照我们原先规划好的排版布局,将各个图表组件拖拽到画布上。

从图表栏将各个部分的图表组件拖拽到画布上,调整好大小,并配置好数据连接:

在组件拖放的过程中,给大家分享一个技巧,如果我们在一张大屏中需要用到多个同类型的组件块,我们可以利用组件复用功能,复制组件块,再粘贴,不需要反复拖拽图表组件、设置大小及配置,提高模板制作效率:

6、配色调整

大家都是颜值动物嘛,所以好的设计风格是不一样的,设计的方案也是千人千面。

自定义一个配色方案,命名为demo1,选择默认配色方案为demo1,就可以将整张大屏的配色方案全部设置为demo1的配色:

7、细节点缀、调整

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

大屏工具和图表模板,私信回复“大屏”就能获取了。

如何做出酷炫且实用的可视化大屏?Excel和PPT该淘汰了相关推荐

  1. excel如何做出弧形_如何做出酷炫且实用的可视化大屏?Excel和PPT该淘汰了

    上次给各位看了一个新的可视化图表和大屏: 作为报表界扛把子,必须安排到位! 今天教大家,如何巧妙利用图表,快速做出场景化数字大屏! 一.大屏主体类图表 大屏主体类图表通常作为整块大屏的视觉中心,一般放 ...

  2. 怎样做出一份优秀的数据可视化大屏| 推荐收藏

    ​近年来,数据可视化是一个热度比较高的词,数据可视化是指将数据以视觉形式来呈现,如图表或地图,以帮助人们了解这些数据的意义. 而数据可视化大屏是当前可视化领域的一项热门应用,通常可以分为信息展示类.数 ...

  3. 这样的 20 张数据可视化大屏真的很香,数据直接套用即可(含源码)

    最近有不少小伙伴问我:有没有数据可视化大屏模板,而且要酷炫的那种. 今天正好有时间,给大家准备了20张精美.炫酷而且十分实用的可视化大屏模板,涉及机械.加工.零售.银行.交通等行业. 只要你有数据就能 ...

  4. 20份可视化大屏模板,直接套用真香(文末附源码)

    最近有不少小伙伴问我:有没有数据可视化大屏模板,而且要B格很高的. 这不,立马安排.特地给大家准备了20张精美.炫酷而且十分实用的可视化大屏模板,涉及机械.加工.零售.银行.交通等行业. 只要你有数据 ...

  5. 20套大屏可视化模板大放送,分分钟做出酷炫的可视化大屏不是梦

    犹记得好莱坞大片<摩天营救>中,监控中心的全方位展示屏幕给人印象深刻,而这种立体化大屏幕似乎已成了科幻电影大片的标配.其实,这种逼格很高的镜头就是一个数据可视化大屏.如今在会议展厅.园区管 ...

  6. asp.net 报表页面模板_20套大屏模板,教你3分钟制作出酷炫的可视化大屏

    犹记得好莱坞大片<摩天营救>中,监控中心的全方位展示屏幕给人印象深刻,而这种立体化大屏幕似乎已成了科幻电影大片的标配.其实,这种逼格很高的镜头就是一个数据可视化大屏.如今在会议展厅.园区管 ...

  7. 可视化大屏设计尺寸_可视化大屏设计_酷炫不是最高效的大屏展示的唯一标准...

    目前市面上有众多做大屏的可视化BI工具,有的部分企业为了要实现其功能效果而令人感到枯燥乏味,或者是为了看上去绚丽多彩而显得极端复杂,从而实现对于相当复杂而又冗余数据的深入分析,让企业决策者难以理解数据 ...

  8. 可视化大屏设计_最高效的大屏展示不只是酷炫

    目前市面上有众多做大屏的可视化BI工具,有的部分企业为了要实现其功能效果而令人感到枯燥乏味,或者是为了看上去绚丽多彩而显得极端复杂,从而实现对于相当复杂而又冗余数据的深入分析,让企业决策者难以理解数据 ...

  9. 炫酷大屏demo_20套大屏模板,教你3分钟制作出酷炫的可视化大屏

    犹记得好莱坞大片<摩天营救>中,监控中心的全方位展示屏幕给人印象深刻,而这种立体化大屏幕似乎已成了科幻电影大片的标配.其实,这种逼格很高的镜头就是一个数据可视化大屏.如今在会议展厅.园区管 ...

最新文章

  1. PHP APC(可选PHP缓存)
  2. 从什么地方获取大数据_从哪收集大数据
  3. pandas.read_csv() 报错 OSError: Initializing from file failed,报错原因分析和解决方法
  4. python3爬虫入门(urllib和requests简单使用)
  5. 《京东618实践:一元抢宝系统的数据库架构优化》阅读笔记
  6. 腾讯技术课|基于Elastic Stack 搭建日志分析平台
  7. 网站服务器需要定期重启吗,定期服务器重启的好处和障碍
  8. CentOS7搭建lamp环境
  9. 计算机指令格式_计算机科学组织| 指令格式
  10. 计算机网络|UDP用户数据报服务
  11. 实例展示elasticsearch集群生态,分片以及水平扩展.
  12. Android辅助服务禁用组件,每次调试运行时都禁用辅助功能服务
  13. axis调用webservice服务
  14. 文档转换工具 —— 你还在为wps的word转pdf上限五页而苦恼吗?
  15. Simulink 快速入门(六)-- 建模并验证系统
  16. 计算机爱情诗,优美诗句大全
  17. 树莓派学习笔记——串口与摄像头
  18. [高项]消极风险VS积极风险
  19. 惠普Z820安装win10系统攻略(固态作为系统盘)——思小瓜
  20. Oracle EBS 工具栏按钮失效

热门文章

  1. Python安装第三方库临时使用国内源
  2. python 装饰器粗浅理解
  3. tsql_TSQL的历史
  4. request获取各种路径记录
  5. 【洛谷2926/BZOJ1607】[USACO08DEC]Patting Heads拍头(筛法)
  6. 第一个自动化运维程序
  7. 像MIUI一样做Zabbix二次开发(5)——那些坑和优化方向
  8. 【转】python os.popen 超时问题
  9. [LeetCode]小工具,统计数量,隐藏上锁的题目
  10. SAP中Search help的使用