历史版本23 :KPI指标卡 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1 应用场景

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

222

1.2 基本要求

KPI指标卡的基本要求:

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

1.3 图表特点

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

缺点:仅能展示文本。

2.示例编辑

2.1 创建组件

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

1588647525439037.png

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

image.png

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

image.png

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

image.png

注:该KPI指标卡必须在横纵轴中有0个维度、1个指标字段才能选择,否则图表类型下的KPI指标卡将灰化无法点击。

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

14.png

2.2 图形属性设置

2.2.1 文本

1)选择图表类型后,图形属性下自动切换成文本图,点击文本栏,手动设置文字的格式,如下图所示:

image.png

2)支持自定义文本字体,为文字设置不同字体大小颜色等。

image.png

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

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

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)调整自适应显示为整体适应

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

2020-07-17_11-40-50.png

2)调大组件显示界面。

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

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

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

2020-07-17_11-10-52.png

2)调小文本字体字号。

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

2020-07-17_11-40-32.png

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

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