指标
1.概述
本文将依次介绍每个指标类组件的配置方式。
2.详细说明
翻牌器
翻牌器的入口路径如下:
在编辑状态下点击翻牌器组件即可对其进行配置,配置内容分为样式、数据和交互三个Tab。
翻牌器的数据配置:翻牌器的作用是显示某一度量的数值,当用户将数据Tab下的某一度量值拖入到翻牌器的数值选项下时,翻牌器即可显现其数值。
翻牌器的样式配置:分为图形属性、卡片设置两个子Tab,用户可以在这此调整颜色、字体、大小等。
图形属性:
- 指标名称:设置是否显示指标名称,及其字体、颜色、位置等。
- 动画效果:设置卡片翻页式变化或卡片数字增长式变化。
- 数据格式:设置数据属于数字、百分比或时间格式。
- 翻牌文本:设置翻牌文本的类型、颜色、前缀文字、后缀文字等等。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
得分环
得分环的入口路径如下:
在编辑状态下点击得分环组件即可对其进行配置,配置内容分为样式、数据和交互三个Tab。
得分环的数据配置:得分环的作用是显示各个度量值占某一固定数值的比例,将度量字段拖入得分环度量下即可。
得分环的样式配置:分为图形属性、辅助信息、卡片设置两个子Tab,用户可以在这此调整颜色、字体、大小等。
图形属性:
- 环形设置:设置方向、环颜色、环底色、环值尺寸、环底尺寸、最大值、最小值。
- 动画效果:设置加载动画和停留时长。
辅助信息:
- 数据标签:设置是否显示类目标签或数值标签,以及设置标签样式、类目标签和数值标签。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
仪表图
仪表图的入口路径如下:
在编辑状态下点击仪表图组件即可对其进行配置,配置内容分为样式、数据和交互三个Tab。
仪表图的数据配置:设置仪表图的度量字段,如下图所示为“数量”
仪表图的样式配置:分为图形属性、卡片设置两个子Tab,用户可以在这此调整颜色、字体、大小等。
图形属性:
- 数值:设置仪表图是否显示数值,以及设置数据样式。
- 刻度:设置仪表图是否显示刻度,以及设置数值范围、分段数、刻度线以及刻度标签。
- 表盘样式:设置仪表图是否显示表盘样式,以及设置内半径、外半径、指针、中心原点、表盘颜色。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
单值占比图
单值占比图的入口路径如下:
在编辑状态下点击单值占比图组件即可对其进行配置,配置内容分为样式、数据和交互三个Tab。
单值占比图的数据配置:
- 名称:指标的名称。
- 值:指标的值。
单值占比图的样式配置:分为图形属性、卡片设置两个子Tab,用户可以在这此调整颜色、字体、大小等。
图形属性:
- 圆环:设置圆环的颜色、宽度等样式。
- 指标:设置中间文字的展示内容跟样式。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
水球图
水球图的入口路径如下:
在编辑状态下点击水球图组件即可对其进行配置,配置内容分为样式、数据和交互三个Tab。
水球图的数据配置:
- 名称:指标的名称。
- 值:指标的值。
水球图的样式配置:分为图形属性、卡片设置两个子Tab,用户可以在这此调整颜色、字体、大小等。
图形属性:
- 水波样式:设置水波颜色、背景颜色等样式。
- 文本样式:设置中间区域的文字样式。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
百分比条
百分比条的入口路径如下:
在编辑状态下点击百分比条组件即可对其进行配置,配置内容分为样式、数据和交互三个Tab。
百分比条的数据配置:
- 当前值:设置百分比条的当前值,为度量字段,如下图所示为“利润”。
- 最小值:设置百分比条的最小值,为度量字段。
- 最大值:设置百分比条的最大值,为度量字段,如下图所示为“销售额”。
百分比条的样式配置:分为图形属性、卡片设置两个子Tab,用户可以在这此调整颜色、字体、大小等。
图形属性:
- 进度条:设置高度、背景扩展、值颜色、背景颜色、圆角。
- 指标标签:设置显示内容、标签样式和标签位置。
- 头部图标:设置形状、尺寸、颜色和位置。
- 刻度:设置分段数、极值、文字样式和位置。
- 刻度线:设置线型、长度、粗细和颜色。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。