1.概述

本文将依次介绍每个指标类组件的配置方式。

2.详细说明

翻牌器

翻牌器的入口路径如下：


在编辑状态下点击翻牌器组件即可对其进行配置，配置内容分为样式、数据和交互三个Tab。

翻牌器的数据配置：翻牌器的作用是显示某一度量的数值，当用户将数据Tab下的某一度量值拖入到翻牌器的数值选项下时，翻牌器即可显现其数值。


翻牌器的样式配置：分为图形属性、卡片设置两个子Tab，用户可以在这此调整颜色、字体、大小等。
图形属性：

• 指标名称：设置是否显示指标名称，及其字体、颜色、位置等。
• 动画效果：设置卡片翻页式变化或卡片数字增长式变化。
• 数据格式：设置数据属于数字、百分比或时间格式。
• 翻牌文本：设置翻牌文本的类型、颜色、前缀文字、后缀文字等等。
  

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

得分环

得分环的入口路径如下：


在编辑状态下点击得分环组件即可对其进行配置，配置内容分为样式、数据和交互三个Tab。

得分环的数据配置：得分环的作用是显示各个度量值占某一固定数值的比例，将度量字段拖入得分环度量下即可。


得分环的样式配置：分为图形属性、辅助信息、卡片设置两个子Tab，用户可以在这此调整颜色、字体、大小等。
图形属性：

• 环形设置：设置方向、环颜色、环底色、环值尺寸、环底尺寸、最大值、最小值。
• 动画效果：设置加载动画和停留时长。
  

辅助信息：

• 数据标签：设置是否显示类目标签或数值标签，以及设置标签样式、类目标签和数值标签。

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

仪表图

仪表图的入口路径如下：


在编辑状态下点击仪表图组件即可对其进行配置，配置内容分为样式、数据和交互三个Tab。

仪表图的数据配置：设置仪表图的度量字段，如下图所示为“数量”


仪表图的样式配置：分为图形属性、卡片设置两个子Tab，用户可以在这此调整颜色、字体、大小等。
图形属性：

• 数值：设置仪表图是否显示数值，以及设置数据样式。
• 刻度：设置仪表图是否显示刻度，以及设置数值范围、分段数、刻度线以及刻度标签。
• 表盘样式：设置仪表图是否显示表盘样式，以及设置内半径、外半径、指针、中心原点、表盘颜色。
  

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

单值占比图

单值占比图的入口路径如下：


在编辑状态下点击单值占比图组件即可对其进行配置，配置内容分为样式、数据和交互三个Tab。

单值占比图的数据配置：

• 名称：指标的名称。
• 值：指标的值。
  

单值占比图的样式配置：分为图形属性、卡片设置两个子Tab，用户可以在这此调整颜色、字体、大小等。

图形属性：

• 圆环：设置圆环的颜色、宽度等样式。
• 指标：设置中间文字的展示内容跟样式。
  

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

水球图

水球图的入口路径如下：


在编辑状态下点击水球图组件即可对其进行配置，配置内容分为样式、数据和交互三个Tab。

水球图的数据配置：

• 名称：指标的名称。
• 值：指标的值。
  
  
  

水球图的样式配置：分为图形属性、卡片设置两个子Tab，用户可以在这此调整颜色、字体、大小等。

图形属性：

• 水波样式：设置水波颜色、背景颜色等样式。
• 文本样式：设置中间区域的文字样式。
  

卡片设置：设置卡片的标题、边框、阴影、背景等样式。

百分比条

百分比条的入口路径如下：

在编辑状态下点击百分比条组件即可对其进行配置，配置内容分为样式、数据和交互三个Tab。

百分比条的数据配置：

• 当前值：设置百分比条的当前值，为度量字段，如下图所示为“利润”。
• 最小值：设置百分比条的最小值，为度量字段。
• 最大值：设置百分比条的最大值，为度量字段，如下图所示为“销售额”。
  

百分比条的样式配置：分为图形属性、卡片设置两个子Tab，用户可以在这此调整颜色、字体、大小等。

图形属性：

• 进度条：设置高度、背景扩展、值颜色、背景颜色、圆角。
• 指标标签：设置显示内容、标签样式和标签位置。
• 头部图标：设置形状、尺寸、颜色和位置。
• 刻度：设置分段数、极值、文字样式和位置。
• 刻度线：设置线型、长度、粗细和颜色。
  

卡片设置：设置卡片的标题、边框、阴影、背景等样式。