百分点大数据技术团队：大屏数据可视化设计与实践

百分点大数据技术团队：大屏数据可视化设计与实践

步入大数据时代，各行业对数据价值的重视程度与日俱增。要想把数据价值发挥出来，需要对数据进行采集、融合、分析、数据可视化，而数据可视化是数据价值的最直观体现，已成为日常办公、应急处理、指挥调度、战略决策等场景下必不可少的一部分。

近年来，大屏广泛应用在交易大厅、展览中心、管控中心、数字展厅等，把一些关键数据集中展示在一块巨形屏幕上，使数据绚丽、震撼的呈现，给业务人员更好的视觉体验。

一、基本概念

1. 什么是数据可视化

把相对复杂、抽象的数据通过可视的方式以人们更易理解的图形展示出来的一系列手段叫做数据可视化，数据可视化是为了更形象地表达数据内在的价值，企业和政府使用数据智能更好的开展业务。

2. 什么是大屏数据可视化

大屏数据可视化是以大屏为主要展示载体进行数据的可视化呈现。

"大面积、炫酷动效、丰富色彩"，大屏易在观感上给人留下震撼印象，便于营造某些独特氛围、打造仪式感。

利用面积大、超高分辨率、可展示信息多的特点，比如各行业的业务展示监控、风险预警、信息指挥调度、企业展厅、展览展示、电力电网、能源矿产、健康医疗、工厂制造、法院政务、银行金融、军队、智慧城市、汽车行业等，在不同的行业都得到了广泛的应用。

二、大屏可视化设计流程

大屏可视化需要大屏配套硬件和软件紧密匹配设计，才能呈现出完美的效果。常规的设计流程如下图所示。

1. 梳理业务指标

业务指标是对一组或者一系列数据的提炼。基于不同的业务、不同的主题会有不同的数据展示需求，需要了解实际的业务，结合现有的数据，平时用户是怎么用这些数据的、关心哪些数据、数据对接的条件是否满足等。

以税收主题为例，这里的关键指标有：各税种实时税收、海关税收占总税收百分比、企业纳税人税额占比、各行业税收额占比等等。

2. 可视化映射

可视化映射是整个数据可视化的核心，是指将定义好的指标信息映射成可视化元素的过程。同一个指标的数据，从不同维度分析就有不同结果。

可视化映射，在创建之前我们需要定义空间基质，然后考虑在基质中布置的图形元素，最后我们将使用图形属性来向用户传达业务的意义。

上图展示了数据分析常用的4个维度，可以引导我们从"联系、分布、比较、构成"四个维度更有逻辑的思考这个问题。

联系：数据之间的相关性;

分布：指标里的数据主要集中在什么范围、表现出怎样的规律;

比较：数据之间存在何种差异、差异主要体现在哪些方面;

构成：指标里的数据都由哪几部分组成、每部分占比如何。

上图例举的示例图表多用于传统设计，在大屏数据可视化中经常需要对地理信息进行展现，常以2D或3D方式对GIS空间进行呈现。

在对GIS地图的表现中，通常会加入丰富的粒子、流光等动效、高精度的模型和材质以及可交互实时演算等，所以对大屏硬件，如拼接处理器、图形工作站等设备的性能会有要求，硬件配置不够的情况下可能出现卡顿甚至崩溃的情况，需要在设计之初进行整体评估。

3. 确定大屏尺寸及分辨率

大屏的设计需要了解大屏的硬件属性，常见的是拼接屏，包括LCD拼接屏、DLP纯数字显示拼接屏、LED小间距拼接屏等。

大屏幕是由若干单体屏拼接组成，拼接的越多，物理分辨率越大。下图为北京百分点信息科技有限公司(以下简称：百分点)展厅大屏效果图，由48块55寸LCD拼接屏组成，拼缝0.88mm，物理分辨率23040*4320px。

图形工作站和拼接处理器是大屏硬件应用中的重要组成部分。

图形工作站作为内容信号源，能够输出高清分辨率图像给到大屏，通过它的高性能显卡特性，自定义分辨率，实现与物理大屏的等比例输出或者是点对点输出。

拼接处理器，负责将一个完整的信号画面划分为数个等分部分，分配给同样数量的画面显示单元，通过多个画面显示单元组成信号图像显示屏。

4. 页面布局

在进行大屏布局设计时，需在大屏整体分辨率上切分出不同的区域，根据业务指标的重要程度，将不同的指标以可视化形式呈现在不同区域，做到主次分明，突出重点。

布局设计主要根据梳理好的业务指标进行，核心业务指标安排在中间位置较大区域，其余的指标按优先级依次在核心指标周围展开。一般把有关联关系的指标在同一区域展现，这样更有助于观看者的理解。

5. UI设计

在UI设计中，UI整体风格一般用深色调，如黑色背景，蓝色或绿色的配色方案，让信息更好的聚焦，深色调看上去更柔和舒服不刺眼，也会较省电。

UI设计效果图完成后，可先投屏到大屏上模拟真实效果，保证在大屏屏幕的颜色、效果呈现符合设计要求。

下图是百分点某大屏项目的UI设计图。

6. 可视化开发

开发阶段，开发工程师根据产品原型图、UI效果图、详细设计文档，选择合适的开发环境、开发工具、开发语言等，统一每个模块、页面的命名规范。

在可视化开发过程中通常会使用到以下图表库。

7. 现场调试、交付

大屏项目涉及到现场调试，确保每个环节运行正常，包括图站的融屏、网络、软件部署、大屏图像显示是否完整、控制端通信是否正常，并根据现场出现的问题做及时调整。

三、百分点可视化系统设计亮点1. 智能控制

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!