页面树结构

版本比较

标识

  • 该行被添加。
  • 该行被删除。
  • 格式已经改变。

(待完善)

1 概述

指标看板可以清晰直观的展示出所选字段数值,从而突出重要指标数据。

指标看板
指标看板
2 指标看板

信息

在2024年7月1号以后的V11版本,“指标看板”组件更名为“指标卡”。

2.1 单指标数据的指标卡

1、场景描述:某大型零售公司,制作订单分析看板时需要展示销售额的数据,且显示销售额指标的统计口径信息,如下图所示:

Image AddedImage Added

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)添加指标看板组件,在数据选择区中,勾选 销售额 字段,由系统自动分配到 指标 上;或拖拽 销售额 字段到  指标 ,如下图所示:

Image Added

(2)组件数据设置中,点击 提示 区域的 Image Added,设置提示框背景为 白色 、边框宽度为 1px ,边框颜色为 灰色 ,并设置 显示 图标,如下图所示:

Image Added

(3)提示设置中,点击 自定义文本 Image Added,设置文字为 黑色 、内容为“企业在一定时期内通过销售产品或提供服务所获得的总收入,这包括所有销售渠道和销售活动的总和。”,如下图所示:

Image Added

(4)在组件属性设置中,设置 显示图标,点击选择图标类型,选择 线性 中的图标,即可得到场景中所选的效果,如下图所示:

Image Added

2.2 同环比指标卡

1、场景描述:按月份查看销售额、销售额同比、销售额环比数据,如下图所示:

Image Added

2、以产品内置Demo资源的“订单模型”作为数据来源。

3、操作步骤

(1)添加指标看板组件,在数据选择区中,拖拽 销售额 字段到  指标 ;展开筛选器面板,拖拽 订单年月 字段到 影响此组件的筛选器 中,如下图所示:

Image Added

(2)再拖拽 销售额 字段到  指标 中,并点击 Image Added,设置快速计算为 前期 > 环比,即可生成销售额环比数据;同样的操作生成销售额同比数据,如下图所示:

时间计算功能详细说明可查看 同期/前期

Image Added

(3)对销售额(同比)、销售额(环比)字段点击 Image Added,分别设置显示名为 同比、环比,如下图所示:

Image Added

(3)切换年月筛选器的值,可以查看不同月份的 销售额、销售额同比、销售额环比 的数据,如下图所示:

Image Added

2.3 含分类数据的指标卡

1、场景描述:分析各发货区域的销售量以及订单折扣,如下图所示:

...

(1)在数据选择区中,勾选 发货区域 销售量 折扣 字段,由系统自动分配到 维度  指标 上;或拖拽 发货区域 字段到 维度 ,销售量 和 折扣 字段到  指标 。拖拽的第一个指标为主指标,其余为次要指标,主指标会突出显示,次要指标列在下面。

(2)设置 组件设置 > 属性 > 基础 > 每行列数 为 2 ,组件设置 > 属性 > 基础 > 图标显示

Image Modified

(3)设置 组件设置 > 属性 > 系列设置 > 销售量 > 后缀 显示 内容

Image Added

指标卡
指标卡
3 指标卡

信息

在2024年7月1号以后的V11版本中已不再支持新建旧的“指标卡”组件,对于已有的仪表盘中的旧“指标卡”组件,升级到V11版本后,旧“指标卡”组件仍可正常浏览和编辑。

1、指标看板支持卡片模式,可以在 组件选择区 中双击、拖拽、或点击右上角“+” 使画布中增加指标卡组件。

...

(2)在数据选择区中,选中第一个指标卡,勾选 产品平均单价 字段,由系统自动分配到 指标 上;或拖拽 产品平均单价 字段到  指标 。第二个指标卡和第三个指标卡使用同样的方法勾选或拖拽 销售量销售额 字段。


信息

指标卡基于油量图实现的,只有油量图的指针才有提示,指标卡的提示实际上没有提示效果。


4

...

指标看板样式设置

在组件设置的属性中,可对指标看板进行更多的样式设置。

Image Added

设置项类型设置项说明
基础

位置设置指标的展示位置。
维度名称对维度字段内容样式进行设置。
分隔线对指标看板中的分隔线样式进行设置。
系列设置度量名称对度量值的名称位置和样式进行设置。
指标对指标显示的字体样式进行设置。

5 更多功能

  • 更多的图形属性设置项的详细介绍,可参考文档:图形属性

  • 配色修改:如需修改图形配色,可参考文档如需修改图形配色,可参考文档:颜色设置

  • 交互设计:如需了解交互相关功能,可参考文档交互设计:如需了解交互相关功能,可参考文档:交互设计