目录
挑战FineBI极限的Dashboard看板案例分享 Part 1 综述
挑战FineBI极限的Dashboard看板案例分享 Part 2 设计与架构(1)建模
挑战FineBI极限的Dashboard看板案例分享 Part 2 设计与架构(2)看板设计
挑战FineBI极限的Dashboard看板案例分享 Part 3 图表设计
本系列最后一篇了
I KPI组件

指标
环比
为了数据不失真,在dws层的dm建模时,本期或上期任意存在数据的行,都会被收录在本期范围内,以保证整体计算环比计算时,遗漏本期发生业务,但上期未发生;或本期未发生业务而上期发生的数据。但当筛选条件下钻至单品时,本期/上期未全部发生业务的商品在计算环比时,会因分母为零而报错。除此之外,还要考虑null值在计算时的影响。因此在环比计算公式中,预先通过if语句将参与计算的参数格式为0或null的值做转义,以避免组件显示错误。具体替换公式可参考下图

图表类型
组件类型:KPI
编辑文本:

颜色:

II 维度旋转表

图表类型
组件类型:分组表
编辑标题:
图表中的颜色不做说明,会影响用户认知;而图表中颜色过多会干扰用户判断重点,如何将重点突出,是设计图表时始终需要考虑的问题。本报表用颜色和符号对波动幅度做了区分,小于5%的波动不用颜色标识,5%-10%的用颜色标识,10%以上的用颜色加符号标识,具体参见下图:

维度
旋转维度功能的实现,是依靠直接向meas_pos_01字段传参实现的。FineBI虽支持这一功能,但字段名称却不能显示为参数名称,也不能为空,因此在前台改名,并用下拉框在传参的同时,将参数名称提供给用户,可参考下图:

下拉框传参

表格属性

III 趋势图
图表类型
组件类型:分区折线图
编辑标题:
趋势图需要同时展示X期数据,对数仓压力比较大,通过传参可以将默认值控制在用户可接受的最小范围内,当用户需要查看更多期数的趋势时,手动调整来展示,避免一次加载过多数据,可参见下图说明

图形属性
细粒度
在展示趋势或其他图表时,如图形太多,则会影响用户观察重点,因此在本报表设计中,默认只根据筛选条件,显示TOP10的趋势。

颜色
只对TOP3做颜色标识,进一步突出重点,具体情况可参见下图

FineBI不支持


|