1.概述

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

2.详细说明

翻牌器


翻牌器的入口路径如下:


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

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


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

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

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

得分环


得分环的入口路径如下:


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

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


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

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

辅助信息:

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

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

仪表图


仪表图的入口路径如下:


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

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


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

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

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

单值占比图


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


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

单值占比图的数据配置

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



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

图形属性:

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

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

水球图


水球图的入口路径如下:


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

水球图的数据配置

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


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

图形属性:

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

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

百分比条


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



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

百分比条的数据配置

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



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

图形属性:

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

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