观远 BI

卡片中实现表格“红绿灯”

创建于 2022-11-01 / 最近更新于 2023-05-22 / 2771
字体: [默认] [大] [更大]

适用场景

        表格“红绿灯”能增强表格中数据的可读性,适用于与往期数据比较(同环比),模拟红绿灯来随着数据的变化实现预警,及时识别异常数据。观远BI中,通过设置条件格式,卡片可轻松实现红绿灯效果。

效果图

image.png

实现方法一

1. 数据准备

       创建表格卡片,把需要的维度字段拖入维度框。

2. 双表头制作(非必需)

绘制区,点击数值栏齿轮,添加数值组,设置对应名称,拖入数值字段,生成双表头;

image.png

3. 同环比计算

       把数值字段「销售额」,重复多次拖入数值组中,使用相同聚合方式,分别设置高级计算-同环比,需要制作红绿灯的字段设置同环比-增长率。然后逐个设置字段别名,两个字段同名或者设置相同别名时,表头会自动合并显示。

image.png

4. 设置条件格式

点击需要显示为红绿灯的数值字段,参考下图设置条件格式。


image.png

5. 设置样式

      左边红绿灯列选择对齐方式为“右对齐”,右边数值列对齐方式选择“左对齐”,就巧妙的将两列合在一起。适当调整列宽,善用配色方案和表格边框设计(行列分割线设置为背景相近色或者透明),效果更佳~

image.png

实现方法二(5.7版本起适用

1. 设置条件格式

      不需要拖入额外的字段来制作红绿灯图标,直接对使用了高级计算-同环比-增长率的字段设置条件格式,选择“图标集”,组合样式从下拉列表里选择红绿灯。注意:默认大于0为红灯,可以手动修改为绿灯。

图片.png

2. 对齐

      由于图标默认显示在右侧,建议设置数值字段对齐方式为“右对齐”。效果如下图。

图片.png

2种方案比较

方案一:所有版本都适用,操作较复杂;可以调整图标位置、大小等样式;

方案二:5.7及以后新版本可用,操作简单;不支持调整图标位置、大小等样式。


14 人点赞过