指标看板、指标卡片

更新时间:2023-06-21

指标看板可以清晰直观的展示出指标在某个维度下的不同表现,如各「地区」的总「销量」。

图片

或者以卡片的形式展示人员座次等排列信息,如各「座次区域」的「人员」信息。

图片

指标看板的数据绑定

指标看板需要绑定一个维度和至少一个度量(指标),其中绑定的第一个指标为主指标,其余为次要指标。

同核心指标类似,指标看板也可以展示多个指标卡片;不同的是,指标看板的不同卡片之间展示的是同指标在不同维度下的值,不同指标的值会在同一个卡片中显示。主指标会突出显示,次要指标列在下面。如下图所示:

图片

指标看板的数据格式化

如果你想展示的数据是用户时长类的指标,例如 5685 秒,希望可以自动转化成01:34:45;如果你传入的数据是想作为字节来处理的一个大数字,例如 987654321 字节,希望可以自动转化成TB、GB、MB、KB;如果你传入的数据是想作为数字来处理的一个大数字,例如 987654321,希望可以自动转化成亿、万; 这个时候可以使用数据格式化功能:

图片

如上图在「销售额」字段上「右键」,设置「数据格式化」为「数字转万/亿」,并刷新图表即可:

图片

指标看板条件格式配置

主指标支持设置条件格式,主指标如果符合设置的条件,背景颜色或指标颜色会相应的变成设置的颜色。可在「高级」-> 「飘红飘绿生效对象」中设置是背景、主指标还是涨跌幅的颜色改变。条件格式配置过程:

第一步:选中「高级」-> 「飘红飘绿生效对象」选择条件格式生效的位置为自适应。

图片

第二步:在主要指标数量(指标中的第一个度量)上右键,在弹出的菜单中选择「条件格式」。

图片

第三步:添加规则,(求和)数量的值大于等于 30,则指标数字颜色显示为绿色,背景色显示为粉色;环比值大于 0,则环比数值显示为蓝色;同比值大于 0 显示为黄色。

图片

第四步:点击确认,可以看到设置的条件格式已在指标看板上生效,不同的对象会被设置上不同的颜色。

图片

指标看板设置同环比

指标看板只支持设置主指标的同环比,设置方法和核心指标的同环比设置基本相同,具体可以参考核心指标设置同环比

图片

自定义配色

指标看板支持对字体、配色进行自定义:

图片

图片

如果选取「本报表页面的主题配色」则拓扑图的风格将与整个报表的颜色主题保持一致。 用户也可以自己选择颜色,添加的配置行分别对应每个卡片

效果如下图:

图片

高度自适应

指标看板在报表中支持高度自适应,图表高度会根据实际内容高度自动调整,图表内部不出现纵向滚动条。高度自适应只在预览时生效,编辑模式下不生效。

图片

图片

横向轮播模式

指标看板、指标卡片支持开启「横向轮播模式」,开启「横向轮播模式」后支持实现以下效果:

  • 指标看板、指标卡片横向滚动:鼠标悬浮时,显示「向前翻页」和「向后翻页」按钮,点击可翻动至「上一屏」和「下一屏」。
  • 自动轮播:启用「自动轮播」后,指标看板、指标卡片将自动翻页,例如,您可以在大屏中配置「自动轮播」,以达到指标看板、指标卡片轮询播放的效果。并支持配置轮播停顿时长。
  • 翻页按钮样式自定义:支持配置翻页按钮的颜色和大小。

图片

卡片模式

指标看板支持卡片模式,您可以在「指标」中拖入「指标卡片」组件。

图片

或者在「指标看板」组件的「高级」设置中,启用「开启卡片模式」,支持自定义每行展示的卡片个数,卡片颜色,文字大小,圆角样式,卡片间距。

图片

卡片模式的数据绑定

卡片模式的数据绑定方式与普通模式基本相同,区别在于:卡片模式下可以绑定 2 个维度字段,即:主维度(数据模型方式下为拖入的第一个维度字段),副维度(数据模型方式下为拖入的第二个维度字段)。您可以用主维度展示卡片标题,副维度和指标展示卡片内容。

图片

卡片模式的飘红飘绿设置

卡片模式下,飘红飘绿生效对象支持设置「标题飘红飘绿」,您可以在「高级」设置中,选择「标题飘红飘绿」,飘红飘绿规则配置方法与普通模式一致,设置后,卡片标题将根据规则展示不同的颜色。

图片

上一篇核心指标

本页内容