观远 BI

仪表板卡片制作

创建于 2022-10-19 / 最近更新于 2024-03-04 / 7872
字体: [默认] [大] [更大]

1. 仪表板卡片制作概述

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

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

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

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

2. 仪表板页面创建

(1)进入“仪表板”管理页面,点击左上角的“+”按钮。

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

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

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

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

(2)点击空白页面右上角“新建卡片”,选择卡片类型。

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

补充:可视化图表的具体制作,可查看《图表可视化》;复杂报表的具体制作,可查看《复杂报表使用流程》

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

3. 卡片具体制作

3.1 筛选器卡片

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

属性配置

(一)选择类型筛选器

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

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

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

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

(二)条件类型筛选器

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

(三)树状筛选器

支持选项里创建树状层级结构,且 PC 端布局支持将树状筛选器的列表展示为平铺效果,方便用户筛选。

适用场景:叶子选项具有唯一性,不存在跨级重复的现象,比如省市区、商品大类中类小类等。

注:树状筛选器最多支持5层层级结构。

功能入口:新建卡片 > 筛选器 > 树状筛选器

image.png

使用预览(多选效果)

image8(2).gif

通过样式设置,将树状筛选器的列表展示为平铺效果。

image.png

切换为平铺样式后,如下图所示:

  1. 确定按钮自动开启,可以手动关闭;

  2. 可以选择展开全部选项,展开后可以收起,刷新后恢复为收起状态。

image.png

(四)范围类型筛选器

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

image.png

范围筛选器支持切换为聚合筛选、结果筛选,此时默认值只能为固定值选择,如下图所示:

image.png

注意:

发起联动时,将筛选器设置的字段、筛选层级、聚合方式、值传入卡片中生效;

在联动卡片时,不支持联动中国式报表、填报卡片、明细表;如果是先与这些卡片配置了联动,再切换筛选器为聚合筛选/结果筛选,还是会禁用联动关系。


(五)日期类型筛选器

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

(六)快捷日期区间类型筛选器

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

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

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

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

(七)参数类型筛选器

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

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

设置联动

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

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

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

批量粘贴

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

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

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

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

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

页面筛选栏

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

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

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

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

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

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

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

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

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

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

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

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











3.2 外链卡片

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

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

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

3.3 图片卡片

上传图片

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

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

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

图片尺寸选择

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

  • 自适应,即按照编辑框尺寸缩放;

  • 原比例,即按照原图尺寸缩放;

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

3.4 文本卡片

编辑卡片内容

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

卡片格式编辑

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

引用卡片数据

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

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

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

引用现有指标卡

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

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

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

5.png


3.5 报表填报卡片

让用户像使用 Excel 那样在线填报。

适用场景:

  • 用户除了数据收集外,还需要大量在线修改/核对、展示和其他字段联动计算结果、多人填报不同列的场景等复杂的填报业务场景;

  • 具有大量个性化美化需求的用户,对排版布局自由度、美化能力要求高,需要进行精细调节;

  • 给填报用户保留原本线下 Excel 填报的体验,尽可能少的改变用户习惯。

核心步骤:

  1. 创建报表填报

(1)在仪表板页面中,点击 新建卡片 > 报表填报卡片;

(2)如填报内容为新增表,则跳过数据准备阶段;

(3)如填报内容为修改已有表,则选择数据集,进行数据准备工作:将需要查看或修改的字段拖拽到 zone;

(4)完成数据准备工作后,点击“保存并继续”,进行填报模板编辑。用户可在插入 tab 下,增加填报控件到画布区域中;

(5)填报控件布局完成后,在数据 tab 下进行数据提交任务设置,关联填报控件与数据库回写表字段关系;

(6)保存并退出,创建填报卡片成功。

  1. 填写提交数据

(1)用户进入相应的仪表板,完成数据填写后,点击提交;

(2)数据回写入库成功后,提示提交成功。

创建报表填报卡片

进入仪表板页面,点击“新建卡片”。选择“报表填报”卡片。

image.png

如果此时是新建表单、无需选择数据表,可以直接点击“跳过”,进入表单模板编辑页。

如果此时是修改已有数据集(模板编辑时需要选择动态表格),请选择数据集并点击“确定”。

image.png

在进行数据准备时,可以对视图数据进行编辑,后续使用动态表格时,变动数据与此处一致。

完成数据准备后,请点击“保存并继续”。

image.png

进入模板编辑页后,“插入” tab 下可以添加填报控件,目前支持的填报控件如图所示。

image.png

对于已有的 Excel 模板,可以在“文件” tab 下进行导入,帮助快速将需要填报的位置转换为填报控件。

注意:

表格导入时暂时无法直接转换为 填报控件 > 表格。

image.png

样式配置过程中,可以点击“预览”查看表单配置效果。

image.png

表单配置完成后,请在“数据”tab下配置数据提交设置。详细配置说明请见「提交设置配置说明」

所有配置完成后,点击“保存并退出”,即完成填报设置。

注意:

如果未配置提交相关设置,则表单无法提交。

image.png

基础控件说明

表格相关说明请移步「表格控件说明」

控件名称功能说明示例图

文本


支持配置可见、可修改

支持必填校验




image.png

数值




支持配置可见、可修改

支持必填校验

支持小数位数设置(最大六位)、数据范围设置



image.png


单选



支持配置可见、可修改

支持必填校验

支持设置选项来源(自定义、来自数据集),选项样式包含下拉框和单选按钮组



image.png


多选






支持配置可见、可修改

支持必填校验

支持设置选项来源(自定义、来自数据集),选项样式包含下拉框和单选按钮组



image.png

日期






支持配置可见、可修改

支持必填校验

支持选择日期筛选器为年月日、年月日时分秒两种类型

支持设置开始日期为每周任意一天

支持设置日历页为日、月、年

image.png

表格控件说明

普通表格

行数固定,控件配置和基础控件一致,适用于行列固定的填表场景。

image.png

动态表格

行数不固定,适用于对具体明细表进行新增数据或修改数据的场景。

image.png

提交设置配置说明

表单搭建完成后,在 数据 > 数据提交设置 中进行数据提交配置。

配置前请在 数据中心 > 数据账户 处配置数据连接,且数据连接账户需要有数据库的写入权限。

目前支持直接追加和插入更新两种方式写入数据:

直接追加:仅向数据库新增数据。

插入更新:按照比对字段匹配,已有数据则执行更新,否则向数据库新增数据。

image.png


4. 常见问题

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

7 人点赞过