大屏常用图表及其应用场景

大屏常用图表及其应用场景

在设计大屏时，合理规划每个模块的图表类型至关重要。大屏图表与普通报表或驾驶舱存在差异，其特点包括业务逻辑简单、注重视觉效果以及酷炫图表的使用。本文将详细介绍大屏中常用的图表类型及其应用场景，帮助读者更好地设计大屏模板。

1. 概述

不少用户在设计大屏时没有合理地规划好每个模块的图表类型，导致在制作时频繁更换图表类型却始终不满意。实际上，大屏常用的图表类型和普通报表或驾驶舱存在一定区别，大屏图表的特点是：

1）业务逻辑更为简单：大屏的使用场景更偏向于展示或演示，而非在PC端进行细致的数据分析，因而图表反应的逻辑更为简单，让观看者可以”一看就懂“；

2）视觉效果需要重点考虑：公司对外展示或内部公示的大屏对视觉效果都有一定要求，因而在选择图表时也要讲究图表在大屏上的整体视觉效果；

3）酷炫图表使用更多：在普通报表中用不到的酷炫图表，如3D效果、动效等在大屏上是很常见的，这些图表对展示的硬件性能要求也更高。

2. 大屏常用图表概览

本文介绍大屏中常用的图表类型，为大家设计大屏模板时提供参考。一般情况下，大屏使用的图表类型中柱形图&条形图>=饼图&圆环图>=折线图&面积图>仪表盘类>=地图类>雷达图>词云=漏斗图>……

3. 常用图表对应场景

3.1 柱形图&条形图类

1）柱形图：
普通柱形图是大屏上最常用的图表类型，用于体现有横向对比关系的数据。

2）特殊形状柱形图：
若普通柱形图的视觉效果不满足大屏设计要求，可考虑有三维效果或三角、弧形效果的特殊形状柱形图。

3）条形图：
条形图和柱形图一样易于形成对比关系，同时由于图形纵向排列，更适合展示排名数据。

4）轮播条形图：
轮播条形图是普通条形图的升级版，将系列名、数值、排名和百分比条形图结合显示，且有动态轮播的效果。

5）自定义形状条形图：
自定义形状条形图用和图表信息高度相关的图标填充图表系列，让可视化效果更生动。

6）堆积柱形图&条形图：
在展示多分类、多系列的数据时最常用的图表类型，以直观的柱形、条形效果展示更丰富的对比数据。

7）双向条形图（旋风图）：
不仅在条形图的从左到右方向上形成对比，两方向的条形长度同样形成对比，男女性数据对比是最常见的场景之一。

3.2 饼图&环形图

1）饼图：
饼图用于展示数据占比，可以一眼看出一组数据中不同类别数据的分布状况。

2）环形图：
用法与饼图相同，环形的半径占比可以调节，视觉效果更丰富。

3）轮播饼图：
自动轮播饼图（环形图）的每一个系列，可以在环形中央或外部显示维度名称、数值或百分比，显示更多信息的同时让大屏效果更具动感。

4）多层饼图：
多层饼图的最内层是最大的维度分类，往外不断细分数据维度，相当于多个环形图的嵌套效果。

3.3 指标卡&表格

1）指标卡：
指标卡并不属于图表类型，但有一些关键指标数据需要用最直接的方式突出显示时，指标卡是最合适的方式。

2）轮播指标卡：
轮播指标卡可以轮播展示同类型不同维度的数据指标，同时富有动态效果，制作方法也较为简单，和普通图表一样直接配置数据即可。

3）表格：
大屏上有些明细信息无法通过图表和指标卡体现，必须要用到列表甚至明细表，那么用report块制作的表格是必备的元素。

3.4 仪表盘

1）环形仪表盘：
仪表盘用于展示百分比形式的重要指标，如目标的完成率、利润率等，仪表盘用圆环的色彩填充将百分比图形化，结合指标名称、指标值和百分比，紧凑且充分地展示该百分比指标的信息。

2）轮播仪表盘：
若同类型的重要指标不止一个，可以使用轮播仪表盘，自动轮播每个维度的指标信息；轮播夜光仪表盘自带的渐变色效果也使得大屏更富动感。

3）水球图：
水球图是仪表盘的一种特殊形式，用一个透明球体和水波表示百分比，除了生动直观外，其视觉效果也广受青睐。

4）像素点图：
像素点图也是仪表盘的一种特殊形式，用点亮的方形像素点数量表示百分比数据，也可以进行多维度数据的轮播。

3.5 地图

1）点地图：
点地图是通过区域名或定位经纬度，用散点来表示所在位置的数据指标。

2）流向地图：
流向地图用于展示地点之间的物流运输关系，在制造业、交通行业应用尤其多；FR图表的流向地图具有动态流线效果，样式点还可以自定义图标，让地图的可视化效果更突出。

3）区域地图：
区域地图是按照国家、省市行政区划分，用来展现地理信息，以及与地理位置有关的信息，指标的多少可以用颜色深浅区分。

4）轮播地图：
FR中的轮播地图一共有两种，都可以自动轮播展示多组地理数据，根据业务场景需要选取即可。

• 轮播gis点地图：在gis图层上轮播不同数据点，并有高空滑过的视觉效果。

• 轮播三维组合地图：可轮播点、柱形、线型、区域4种不同数据样式的地图。

5）场景地图：
场景地图可以自动或点击按钮手动轮播多场景数据，每个场景的地图轮廓和数据样式、内容可以不一样。场景切换的同时还可以联动周围的组件，且场景地图的背景酷炫，在展示大屏上广为使用。

3.6 目录类

1）轮播目录齿轮：
轮播目录齿轮可以轮播多个维度的数据指标，目录齿轮的形态容易形成视觉聚焦效果，适合做大屏首页的目录导航。

2）智慧树图：
智慧树图自动轮播每个气泡中的指标名称和指标值，使用场景与轮播目录齿轮类似，也适合作为大屏首页的目录导航。

3.7 雷达图

雷达图将多个维度的数据量映射到起始于同一个圆心的坐标轴上，可直观展示数据分布的高低，检查数据是否有异常，在一些监控性质的大屏场景中很实用。

3.8 漏斗图

漏斗图由多个梯形从上而下叠加而成，从上到下的项有逻辑上的顺序关系，由于漏斗图形象直观且配色饱满，在大屏上使用也较多。

3.9 词云图

词云是文本数据的视觉化展示，以字体大小或颜色深浅表示每个词的重要程度，可用于公司印象、客户评价等信息的展示，在展示性质的大屏场景中很常见。