反馈已提交

网络繁忙

KPI指标卡

  • 文档创建者:doreen0813
  • 编辑次数:28次
  • 最近更新:Roxy 于 2021-04-28
  • 1. 概述

    1.1 版本说明

    FineBI 版本
    JAR 包版本功能变动
    5.1--
    5.1.102021-02-05文本设置项的富文本编辑器新增对齐功能,文字现在支持居左、居中、居右
    5.1.12-「图形属性>文本栏」中切换字段时,字段显示名称随其替换字段改变&可通过修改拖入文本栏的字段名直接修改指标卡显示的字段名

    1.2 应用场景

    KPI 指标卡为直观展示 KPI 数值的组件,可直接显示所选字段的数值,比如展示销售额、毛利、毛利率等指标数值,效果如下图所示:

    222

    1.3 基本要求

    KPI指标卡的基本要求:

      图表效果维度字段  指标字段  
      KPI指标卡  0  1

    1.4 图表特点

    • 优点:适合突出显示重要指标。

    • 缺点:仅能展示文本。

    2.示例

    2.1 创建组件

    1)点击仪表板 Tab,选择新建仪表板,点击确定,如下图所示:

    1588647525439037.png

    2)点击新建组件,选择销售DEMO下的合同事实表,点击确定,如下图所示:

    image.png

    3)将待分析区域维度下的合同金额拖入纵轴中,如下图所示:

    注:拖入的「指标」,指标值不能为空,否则 KPI 指标卡不生效。

    image.png

    4)在图表类型下选择KPI指标卡

    image.png

    选择该图表类型以后,纵轴中的指标项会被切换到图形属性下的文本栏,图表预览中的合同金额字段即切换成 KPI 指标卡显示,如下图所示:

    14.png

    2.2 设置文本格式

    1)点击文本栏,可以通过富文本编辑器,手动设置文字的格式,如下图所示:

    image.png

    2)富文本编辑器提供自动样式,同时也支持自定义样式,可以为文字设置字体、字号、对齐等效果。

    注:文本对齐功能是 5.1.10 版本新加的功能,之前版本的文本都是默认居中样式。

    1612428978173135.png

    若仅需要修改指标卡显示的字段名称,对于 5.1.12 版本,直接修改文本栏字段名即可,例如需要修改指标卡文本字段「合同金额」为「合同总金额」,则只需要修改「文本栏」内「合同金额」字段为「合同总金额」即可,如下图所示:

    除了上述文本的格式,还可在图形属性中设置更多的样式属性,具体情况可参见:图形属性

    还可以设置组件的图例、网格线、背景、自适应显示等等,详情参见:图表组件样式 

    2.3 切换字段

    若需要切换指标卡显示字段,则直接拖走原有字段,并拖入需要选择的字段即可,例如需要切换「合同金额」字段为「回款金额」,如下图所示:

    1618380982960659.gif

    注:5.1.12 之前的版本,拖走字段后指标卡字段名仍保留,需要手动进入文本栏编辑界面修改。

    3. 效果预览

    3.1 PC端

    选择对应仪表板,点击预览,图表如下图所示:

    image.png

    3.2 移动端

    2020-07-15_9-19-56.gif

    4. 注意事项

    4.1 指标卡内容显示不全

    进入仪表板编辑或者预览界面,图表如下图所示:

    2020-07-17_11-08-28.png

    可以通过三种方式解决问题:调整组件自适应显示,调小文本字体字号和调大组件显示界面。

    1)调整自适应显示为整体适应

    组件样式>自适应显示中,设置为整体适应,文本内容即会随着组件在仪表板中大小,自动调整。如下图所示:

    1594957593837126.png

    2)调大组件显示界面。

    首先,进入编辑仪表板界面。如在仪表板预览界面可点击编辑仪表板,进入目标界面如下图所示:

    2020-07-17_11-09-49.png

    然后,选中指标卡组件,向外侧拖动组件边框,拉大组件显示界面,调整到合适大小,如下图所示:

    1594956876986745.png

    2)调小文本字体字号。

    首先,去图形属性>文本,点击文本内容合同金额(求和)。界面自动跳出内容格式,点击右下角2020-07-17_11-40-32.png进行编辑。如下图所示:

    1594957730867498.png

    然后,在编辑文本界面字体样式选择自定义,点击字体字号下拉框,根据需要调小显示文本的字号。完成操作后点击确定。如下图所示:

    2020-07-17_11-41-18.png


    附件列表


    主题: 构建图表和分析数据
    已经是第一篇
    已经是最后一篇
    • 有帮助
    • 没帮助
    • 只是浏览

    售前咨询电话

    400-811-8890转1

    在线技术支持

    在线QQ:800049425

    热线电话:400-811-8890转2

    总裁办24H投诉

    热线电话:173-1278-1526

    文 档反 馈

    鼠标选中内容,快速反馈问题

    鼠标选中存在疑惑的内容,即可快速反馈问题,我们将会跟进处理。

    不再提示

    10s后关闭