仪表板卡片制作

1. 仪表板卡片制作概述

仪表板，是数据可视化分析卡片的集合，即分析页面。在页面中，可以对卡片的大小、位置等进行自定义排版，同时用户还可以对卡片进行复制、收藏等操作。

卡片，作为仪表板页面中的构成元素，是最小的分析结果。卡片可以指一个表格、一张简单的图、一张复杂图、一篇文字、一个网页、以及一张图片。

在观远数据，卡片类型主要包含：可视化数据卡片、筛选器卡片、文本卡片、外链卡片、图片卡片等多种，您通过拖拽维度和数值，快速进行可视化数据卡片制作与分析。本文将为您详细介绍各类卡片具体制作流程。

注：在制作完各类卡片后，需要对卡片进行修改、删除、移动等管理操作，使得仪表板的整体页面合理美观，可在《仪表板卡片管理》具体查看。

2. 仪表板页面创建

（1）进入“仪表板”管理页面，点击左上角的“+”按钮。

• 点击“新建文件夹”，填写文件夹名与存放位置，然后可以在文件夹中新建页面；

• 点击“新建页面”，填写页面名，选择布局类型为“瀑布流”或“自适应”，选择存放位置，勾选，然后进入页面编辑界面。

  • 瀑布流：传统式网页布局，适合纵向扩展内容较多的页面。

  • 自适应：仪表板内容可自适应浏览窗口大小，适合一页能够展示完整、内容紧凑的页面。

（2）点击空白页面右上角“新建卡片”，选择卡片类型。

卡片，是仪表板的构成内容。卡片类型包括基础卡片、增强分析、可视化拓展三大类。您可以根据选择的卡片类型进行操作，不同卡片的编辑方式有所差异。

补充：可视化图表的具体制作，可查看《图表可视化》；复杂报表的具体制作，可查看《复杂报表使用流程》。

下文将为您逐一介绍筛选器卡片、外链卡片、图片卡片、文本卡片等类型。

3. 卡片具体制作

3.1 筛选器卡片

建立筛选器的步骤包括：类型选择，属性配置，设置联动。 筛选器覆盖的原则：外部联动筛选条件优先级高于卡片内部筛选条件，例如页面中的卡片筛选器会覆盖卡片编辑的筛选设置。

3.1.1 属性配置

（一）选择类型筛选器

选择类型筛选器针对数据集中的某一字段进行筛选，选择类型可为“单选”或者“多选”。

在“可选项”区域的右上角有两个小图标，分表表示筛选和排序的功能，即对于可选项中的内容进行筛选或者排序。

除了选择类型之外，还可以对样式进行设置，不同类型的筛选器均有“下拉框”、“单选按钮”、“按钮栏”三种样式可供选择。

可以设置筛选器卡片的默认值。

（二）条件类型筛选器

条件类型筛选器针对数据集中的某一字段进行条件筛选，条件的逻辑包括“等于”、“不等于”、“包含”、“以...开始”等等，如下图所示。

（三）树状筛选器

功能：支持选项里创建树状层级结构。 适用场景：叶子选项具有唯一性，不存在跨级重复的现象，比如省市区、商品大类中类小类等。 注：树状筛选器最多支持5层层级结构。

创建入口：新建卡片——筛选器——树状筛选器。

使用预览（多选效果）

（四）范围类型筛选器

范围类型筛选器针对数据集中某一字段进行范围筛选，这里以日期类型的字段为例，如下图所示。当筛选字段为日期格式的字段时，在字段后面会出现有一个选择框，表示您可以对日期进行按需配置，可以选择日期对应的年、季度、周、星期来进行筛选。

（五）日期类型筛选器

日期类型筛选器不同于范围类型筛选器中针对日期类型字段的筛选，在日期类型筛选器中，不需要配置数据集也不需要配置日期格式的字段就可以完日期筛选配置，如图所示。与范围类型筛选器类似，日期类型筛选器的筛选逻辑也包括“大于”、“大于等于”、“小于”、“小于等于”等等。

（六）快捷日期区间类型筛选器

快捷日期区间类型筛选器可以在不配置数据集和日期字段的情况下，提供几种日期区间的筛选，如图所示。

快捷日期区间类型筛选器默认提供了“昨天”、“最近7天”、“最近30天”、“本周到昨天”四种类型的筛选。勾选“提供日历区间选择”效果如下。

如图提供日历区间选择可以让您自定义日期筛选区间。

您还可以通过可选项右上角的“+”按钮添加更多筛选条件，如上图所示。

（七）参数类型筛选器

参数类型筛选器针对页面当中使用到的参数进行筛选。

当页面中有卡片使用了参数（不管是来自计算字段还是直连数据集），可通过新建筛选器卡片来打开参数展示窗口。打开后便能在页面上调整参数值来对相应卡片进行动态分析。

3.1.2 设置联动

如图所示，不同类型的卡片在设置联动时均涉及到目标卡片和关联字段。

基于筛选器设置的数据集基础信息（如门店、销售额等），再对筛选器进行地理位置相关信息配置，即可便捷地查询不同地理位置的数据信息。例如在连锁零售行业中，可以在即将开始巡店或者已经到达某个城市时，在移动端上查看到对应位置下相关城市或者门店的相关数据。从而可以使企业中高层、区域督导/负责人等在巡店过程中能够更加方便地检查问题，给出针对性的指导。

在筛选器的新建页面中开启“自动关联卡片”按钮，当新建一个卡片（包括可视化卡片、筛选器）时，筛选器与卡片之间自动产生联动关系。从此将减少您每次新增卡片时进行手动设置联动的时间，提高工作效率。

3.1.3 批量粘贴

批量粘贴功能是针对于选择类型为“多选”情况下的便捷使用，可以同时在创建筛选器卡片和使用选器卡片时使用。

如图所示，分别为在创建筛选器卡片时对于默认值的设置（选择类型为多选）以及创建完成后进行筛选操作的界面。

我们首先对于所要选择的省份进行复制操作。然后点击“批量粘贴”。

在弹出的空白框中粘贴，如图所示。（根据分隔符的不同可以点击“分隔符”进行调整）

如图为进行筛选操作时的效果，可以快速进行多选情况下的筛选操作。

3.1.4 页面筛选栏

页面筛选栏功能，筛选栏里支持所有筛选器，且在使用时更方便：

a. 筛选栏始终在页面置顶，对于作用整页的筛选条件来说，无论页面滚动到什么区域，均可以快速回到筛选栏更改筛选条件。

b. 筛选栏里的多个筛选条件，可以一起应用或者一键清空。

在桌面端的筛选栏里设置了筛选器后，移动端也会自动同步。

桌面端筛选栏还支持排序功能，排序时，选择需要更改位置的筛选器，点击“移动位置”，通过选择目标位置，则可以将筛选器排序到预期的位置，同时，查询按钮位置紧随最后一个筛选器，保证用户使用时，不需要大跨度的操作即可得到数据分析结果。

• 筛选栏支持添加筛选器组，筛选器组中可以添加筛选器，同时筛选器和筛选器组可以平级。

• 筛选器组支持移动位置、添加筛选器组、添加筛选器、删除、将筛选器移出筛选器组，同时会显示筛选器组下正在应用的筛选器个数和全部筛选器个数。

• 移动位置：可以选择想要移动到哪个筛选器前/后

• 添加筛选器组：支持重命名、添加筛选器、移至画布、删除

• 添加筛选器：只能选择筛选栏中的筛选器，如果想要添加布局中的筛选器，需要先将布局中的筛选器移动至筛选栏

• 删除：删除时分组下有筛选器时会有二次提醒，确认删除后将分组下的筛选器一起删除，删除空分组时直接删除成功

• 移出筛选器组：移出筛选器组时，筛选器默认在筛选栏最后位置











3.2 外链卡片

对外链卡片进行命名，然后将对应外链的链接地址，点击“保存”，一个外链卡片就创建成功了。

如图所示，卡片名称为：“观远数据官网”，对应外链的链接地址是https://www.guandata.com.

特别注意：此处的外链地址，必须是 https 开头的，如果是 http 开头的外链无法显示；如果网站设置了不可被引用或者第三方网站打开，则设置失败，如https://www.baidu.com。

3.3 图片卡片

3.3.1 上传图片

图片有两个来源，第一种为“图片链接”，在图片卡片编辑框中填写图片链接。

注意：图片链接也需要是https开头的。

第二种来源为“本地上传”。

3.3.2 图片尺寸选择

观远支持以下三种图片适应方式：

• 自适应，即按照编辑框尺寸缩放；

• 原比例，即按照原图尺寸缩放；

• 全铺满，即按照卡片尺寸缩放。

3.4 文本卡片

3.4.1 编辑卡片内容

点击文字卡片右上角的笔状按钮，在文字卡片内输入需要注释的内容

3.4.2 卡片格式编辑

点击卡片可对文本内容进行简单的格式编辑，如下图：

3.4.3 引用卡片数据

点击编辑栏中的“引用卡片数据”按钮，点击“新增”按钮，选择数据表，修改卡片名称，将所需展示的数据拖拽到数值处，并保存（操作同创建图表或表格卡片）。

双击文本卡片，即进入文本卡片编辑状态，点击编辑栏中的“引用卡片数据”按钮，选择保存成功的卡片名称，引用该数据。

鼠标点击右上角的叉，保存文本卡片的编辑，引用数据将动态展示在文本卡片上。

3.4.4 引用现有指标卡

用户在创建文本卡片时，可直接引用页面中已有的指标卡。

• 支持新建指标卡和引用当前页面已有指标卡，包括卡片池中的指标卡。

• 支持反复引用同个指标卡。

4. 常见问题

若您在使用仪表板卡片功能时遇到问题，建议前往《仪表板常见问题》和《卡片常见问题》了解。