历史版本20 :KPI指标卡 返回文档
编辑时间:
内容长度:图片数:目录数:
修改原因:
1.描述编辑
1.1 应用场景
KPI 指标卡为直观展示 KPI 数值的组件,可直接显示所选字段的数值,比如展示销售额、毛利、毛利率等指标数值,效果如下图所示:
1.2 基本要求
KPI指标卡的基本要求:
图表效果 | 维度字段 | 指标字段 |
---|---|---|
KPI指标卡 | 0 | 1 |
1.3 图表特点
优点:适合突出显示重要指标。
缺点:仅能展示文本。
2.示例编辑
2.1 创建组件
1)点击仪表板 Tab,选择新建仪表板,点击确定,如下图所示:
2)点击新建组件,选择销售DEMO下的合同事实表,点击确定,如下图所示:
3)将待分析区域维度下的合同金额拖入纵轴中,如下图所示:
4)在图表类型下选择KPI指标卡。
注:该KPI指标卡必须在横纵轴中有0个维度、1个指标字段才能选择,否则图表类型下的KPI指标卡将灰化无法点击。
选择该图表类型以后,纵轴中的指标项会被切换到图形属性下的文本栏,图表预览中的合同金额字段即切换成 KPI 指标卡显示,如下图所示:
2.2 图形属性设置
2.2.1 文本
1)选择图表类型后,图形属性下自动切换成文本图,点击文本栏,手动设置文字的格式,如下图所示:
2)支持自定义文本字体,为文字设置不同字体、大小、颜色等。
除了上述文本的格式,还可在图形属性中设置更多的样式属性,具体情况可参见:图形属性
2.3 组件样式设置
2.3.1 标题
选择组件样式,取消勾选标题栏,如下图所示:
2.4 效果预览
2.4.1 PC端
选择对应仪表板,点击预览,图表如下图所示:
2.4.2 移动端
3. 注意事项编辑
3.1 指标卡内容显示不全
进入仪表板编辑或者预览界面,图表如下图所示:
可以通过调整组件大小,调整文字大小和调整组件自适应显示三种方式解决问题。
1)调整组件大小。
进入编辑仪表板界面,如下图所示:
拖动组件边框,调整大小,如下图所示:
2)调整字体大小。
去图形属性>文本,点击文本内容,编辑内容格式。如下图所示:
选择自定义字体样式设置字体大小,完成点击确定。如下图所示:
3)调整自适应显示。
去组件样式>自适应显示中,设置为整体适应,文本内容即会随着组件大小,自动调整。如下图所示: