KPI卡片

KPI卡片

1.1 应用场景

KPI可以直接显示所选指标的数值。例如，商机金额、订单数、员工数等

1.2 图表配置

1.2.1 坐标轴数据

• 维度：0个维度
• 指标：1-30个指标

1.2.2 样式（Web端）

1.2.2.1 基本信息

• 图表名称：新建时默认为分析主题名称，可根据图表配置修改为自定义图表名称

• 备注：
  • 备注内容：基于当前图表可以设置备注信息，以便查看者更好的了解图表所表达的内容
  • 备注样式：
    • 收起：以图标的形式显示在图表详情态和卡片态的标题后面，鼠标悬浮到图标上时显示备注内容
    • 外露：直接以文字的形式显示在图表详情态和卡片态的标题后面
    • 不显示：图表详情态和卡片态都不展示

• 统计指标名称：默认按指标名称展示，可自行修改展示内容

1.2.2.2 图形展示

• 展示形式：默认布局1，可切换为其他布局

• 布局1：默认布局1，可切换为其他布局，两个指标为一组，左右展示

• 布局2：两个指标为一组，上下展示

• 布局3：三个指标为一组，上下展示，上面两个指标，下面一个指标

• 布局4：三个指标为一组，上下展示，上面一个指标，下面两个指标

• 布局5：四个指标为一组，上下展示，上面两个指标，下面两个指标

• 布局6：直接展示，不分组

• 高级布局：可基于显示指标，设置图标

• 自定义布局
  • 布局类型：平铺、1拖1、1拖2、1拖4、1拖6、1拖8，其中平铺布局相当于已有的高级布局，但在配置上更灵活丰富
  • 样式配置：
    *一行显示卡片数：支持自定义设置一行能够显示的卡片数（平铺类型不支持）
    *卡片间距：用户可以自定义调整每一个卡片间的间距
    *字号：指标值和指标的名称均可以自定义调整字号大小
    *主次指标位置：可自定义指标值和指标名称的位置，包括数值在左、数值在右、数值在上、数值在下（平铺类型不支持）
    *列数：支持自定义设置子指标每行展示的列数（平铺类型不支持）
    *列间距：支持自定义设置子指标每列的间距（平铺类型不支持）
    *分割线：支持用户自定义设置分割线的样式，包括磅值、类型、颜色（平铺类型不支持）
    *对齐方式：支持设置指标的居中样式，包括居左、居中、居右
    *图标：支持用户自定义设置图标的样式，包括大小、类型、颜色边框等
    *配色：系统预设了多种自定义配色
    *边框：支持用户给卡片添加边框，并设置边框的颜色和磅值
    *圆角半径：支持用户设置卡片的圆角半径

1.2.3 样式（移动端）

1.2.3.1 沿用WEB端布局

• 跟随WEB端布局回显，不可单独设置

1.2.3.2 独立配置布局

• 默认按WEB端对应配置项选中的内容回显，可进一步调整成更适合移动端展示的效果
  • 配置项内容及可选项比WEB端少，移动端不可单独设置的配置项默认走WEB端的配置，可设置的配置项的展示效果及逻辑同WEB端