环形仪表盘(带指标卡)


环形仪表盘(带指标卡) 将一个环形仪表盘与最多两张指标卡并列展示,适合在呈现进度的同时列出几个关键数值。它与 环形仪表盘 是不同的组件,配置面板也不同。


组件库中的 环形仪表盘(带指标卡)、指针仪表盘(带指标卡)、进度条(带指标卡) 和 水球图(带指标卡) 四个预设都是本组件,只是把 仪表盘 面板的 类型 预置成了对应的图形,插入后可随时切换。因此这四个预设都以本文为准。


../_images/donut_gauge_with_metric_card.png


本文只介绍与 环形仪表盘 的差异。数据源、别名、单位、颜色规则、交互设置等通用配置,参见 图表通用配置。

数据


该组件只使用 指标,可添加 1 - 3 个:

  • 第 1 个指标驱动环形仪表盘。

  • 第 2、3 个指标各显示为一张指标卡,只展示名称、数值和单位。


该组件不支持 对比,无法像 环形仪表盘(带对比) 那样按字段值拆分出多个仪表盘。

样式


样式 标签页分为 指标样式 和 混合仪表盘样式 两个区块,后者包含 仪表盘 和 布局 两个折叠面板。

指标样式


每个已添加的指标对应一个 指标样式 折叠面板,面板标题自动显示为所选字段的名称。第 1 个指标(驱动仪表盘)的配置项与环形仪表盘一致,参见 环形仪表盘的样式 > 指标样式。


第 2、3 个指标(指标卡)的配置项较少,差异如下:

配置项

第 1 个指标(仪表盘)

第 2、3 个指标(指标卡)

显示名称

提供,默认勾选

不提供,名称始终显示

单位换行

仅 类型 为 环形仪表盘 或 水球图 时提供

不提供

轴线范围、以百分比显示

提供

不提供

颜色规则

支持纯色和渐变色,作用于进度弧

只支持纯色,作用于数值文字


名称字体、单位名称、自适应单位、单位字体、数值字体和小数位数在三个面板中都提供,含义相同。


备注

  • 轴线范围 的 Min 和 Max 在本组件中不支持参数占位符,只能填写固定数值。留空时 Min 按 0、Max 按 100 计算。

  • 本组件不提供 交互设置,数值不支持点击跳转。如需跳转,可使用 基本 标签页的 标题交互,参见 图表通用配置 > 左侧标题交互。

仪表盘


类型 决定左侧图形的形态,可选 环形仪表盘(默认)、指针仪表盘、进度条 或 水球图。


类型 决定本面板和第 1 个 指标 面板中还会显示哪些配置项:

类型

仪表盘面板中的其它配置项

第 1 个指标面板中额外的配置项

环形仪表盘

仪表盘粗细:环形弧线的粗细,单位为 pt,默认 6,最小值为 0

单位换行

指针仪表盘

仪表盘粗细**(默认 20)和 **数据字体

无

进度条

进度条高度

无

水球图

无,只有 类型

单位换行、边框 和 固定水位在 40%


各类型图形本身的说明,参见 指针仪表盘、进度条 和 水球图。其中 边框 和 固定水位在 40% 的含义参见 水球图的样式 > 边框 和 固定水位在 40%。

布局


  • 换行:默认勾选。勾选后指标卡的名称和数值分两行显示;取消勾选则同行显示,数值靠右对齐。

  • 显示位置:指标卡组相对仪表盘的位置,可选 上、下、左 或 右(默认)。

  • 间距:指标卡组与仪表盘之间的距离,默认 2,最小值为 0。

  • 行距:两张指标卡之间的距离,默认 2,最小值为 0。

运行时交互


  • 区域划分:仪表盘和指标卡组各占组件的一半,比例固定,不可配置。显示位置 为 上 或 下 时上下平分,为 左 或 右 时左右平分。

  • 悬浮提示:名称、数值和单位过长时截断显示省略号,鼠标悬浮显示完整文本。

  • 无动效:仪表盘和指标卡都不播放填充或数值递增动效,直接显示最终值。类型 为 水球图 时液体持续起伏,这是水球图自带的波浪动效,不受此限。

  • 取数:只展示返回数据中的最后一条记录。

  • 无效数值:指标值不是数字时显示 --。类型 为 水球图 时,水球另以低液位的灰色波浪显示,以区别于真实的 0 值。

备注

本组件不提供 显示提示 配置项,参见 图表通用配置 > 显示提示;过滤器 标签页也不提供 联动其它组件。