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

2023-11-02 18:30
文章标签 一张 大屏 眼前一亮

本文主要是介绍如何做一张能让人眼前一亮的大屏?,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

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

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

 

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

 

 

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

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

 

先看一下效果:

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

 

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

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

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

 

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

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

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

 

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

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

 

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

 

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

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

 

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

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

 

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

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

其他扩展图表类型

轮播GIS点地图

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

 

轮播目标齿轮

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

 

时间齿轮

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

 

轮播夜光仪表盘

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

 

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

扩展图表应用实例

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

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

 

 

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

 

 

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

 

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

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

 

NO.1排版布局

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

可以参考下面版式:

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

 

NO.2配色

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

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

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

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

 

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

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

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

 

NO.3点缀

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

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

 

NO.4动态效果

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

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

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

 

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

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

 

  • 数据点提示自动播放

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

 

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

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

这篇关于如何做一张能让人眼前一亮的大屏?的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/332459

相关文章

MiniGPT-3D, 首个高效的3D点云大语言模型,仅需一张RTX3090显卡,训练一天时间,已开源

项目主页:https://tangyuan96.github.io/minigpt_3d_project_page/ 代码:https://github.com/TangYuan96/MiniGPT-3D 论文:https://arxiv.org/pdf/2405.01413 MiniGPT-3D在多个任务上取得了SoTA,被ACM MM2024接收,只拥有47.8M的可训练参数,在一张RTX

【解决方案】软件大屏实现整体技术解决方案

1.系统概述 1.1.需求分析 1.2.重难点分析 1.3.重难点解决措施 2.系统架构设计 2.1.系统架构图 2.2.关键技术 2.3.接口及要求 3.系统功能设计 3.1.功能清单列表 3.2.数据源管理 3.3.数据集管理 3.4.视图管理 3.5.仪表盘管理 3.6.移动端设计 3.1.系统权限设计 3.2.数据查询过程设计 软件全套资料部分文档清单: 工作安排任务书,可行性分

Oracle把一个表的某个字段更新到另一张表中

第一种方法: update tablea set column_name1=(select name2 from tableb where tableb.name3=tablea.name1) 只修改一个 update tablea set column_name1=(select name2 from tableb where tableb.name3='a') where tablea.na

计算机毕业设计Spark+PyTorch知识图谱房源推荐系统 房价预测系统 房源数据分析 房源可视化 房源大数据大屏 大数据毕业设计 机器学习

《Spark+PyTorch知识图谱房源推荐系统》开题报告 一、选题背景与意义 1.1 选题背景 随着互联网的快速发展和大数据技术的广泛应用,房地产行业特别是房屋租赁市场迎来了前所未有的变革。房源信息的海量增长使得用户在寻找合适的房源时面临巨大挑战。传统的房源推荐系统往往基于简单的规则或用户历史行为,难以提供精准、个性化的推荐服务。因此,如何利用大数据和人工智能技术提高房源推荐的准确性和个性

开源可视化大屏superset Docker环境部署

superset 开源可视化大屏Docker环境部署 前言 superset是俄罗斯开源的一款可视化大屏,用于数据可视化探索,含有丰富的图表组件,可以支持接入各种数据源。 接触superset就是想体验下可视化大屏功能,想最快速度安装成功,网上搜了一大堆资料,结果都是比较麻烦,再者就是我遇到问题别人没遇到,也是折腾好久,现写成文章予以记录,方便自己后续查询。 该方法是在Docker环境下安

Pyecharts 数据可视化大屏:创建引人注目的数据展示

在数据分析和报告中,数据可视化是将复杂数据转化为易于理解的图表和图形的关键步骤。Pyecharts 是一个功能强大的 Python 库,用于创建互动和美观的数据可视化图表。本文将介绍如何使用 Pyecharts 创建数据可视化大屏,以便在各种场景中展示数据的洞察和分析结果。 一、Pyecharts 简介 Pyecharts 是一个基于 Apache ECharts 的 Python 封装库,提

vue大屏可视化:4k带鱼屏、4k、2k、1920*1080、笔记本 全适配方案

本方案采用的是媒体查询的方法来实现的 css媒体查询书写(可按照自己需求新增)不同尺寸下显示不同的文字大小图片大小等: // 4K 带鱼屏@media screen and (max-width: 3840px) and (max-height: 1080px) {}// 4K@media screen and (max-width: 3840px) and (min-heigh

计算机毕业设计Hadoop+PySpark共享单车预测系统 PyHive 共享单车数据分析可视化大屏 共享单车爬虫 共享单车数据仓库 机器学习 深度学习

《Hadoop共享单车分析与预测系统》开题报告 一、课题背景与意义 1.1 课题背景 随着共享经济的快速发展,共享单车作为一种新型绿色环保的共享经济模式,在全球范围内迅速普及。共享单车通过提供便捷的短途出行服务,有效解决了城市居民出行的“最后一公里”问题,同时促进了低碳环保和绿色出行理念的推广。然而,随着共享单车数量的急剧增加,如何高效管理和优化单车布局成为共享单车运营商面临的重要挑战。

Echarts可视化大屏数据详解

1、ECharts介绍 1.1、什么是ECharts ECharts是一款由百度开发并开源的数据可视化图表库,旨在帮助开发者通过简单易用的方式实现复杂的数据展示和分析需求。它完全基于 JavaScript 开发,利用 HTML5 的 Canvas 技术进行图形渲染,这使得它能够在现代浏览器中高效地展示各种类型的图表。底层依赖矢量图形库 ZRender(二维可视化库),提供直观,交互丰富,可高度