1. 概述

本文将依次介绍每个指标图表的配置方式。

2. 详细说明

翻牌器

翻牌器的入口如下。

翻牌器的数据配置区如下图所示,只能拖入一个度量字段。

翻牌器的样式设置,分为图形、卡片设置两个子Tab。

图形设置:

  • 指标名称:设置翻牌器是否要展示指标名称,以及名称的文字样式。
  • 样式:设置翻牌器的布局样式。
  • 动画效果:设置翻牌器的轮播效果。
  • 翻牌文本:设置翻牌器的文本样式。

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

仪表图

仪表图的入口如下。

仪表图的数据配置区如下图所示,只能拖入一个度量字段。

仪表图的样式设置,分为图形、卡片设置两个子Tab。

图形设置:

  • 样式设置:设置仪表图的颜色跟文字样式。
  • 范围:设置仪表图的数值展示范围。

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

单值占比图

单值占比图的入口如下。

单值占比图的数据配置区如下图所示。

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

单值占比图的样式设置,分为图形、卡片设置两个子Tab。

图形设置:

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

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

水球图

水球图的入口如下。

水球图的数据配置区如下图所示。

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

水球图的样式设置,分为图形、卡片设置两个子Tab。

图形设置:

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

得分环

得分环的入口如下。

得分环的数据配置区如下图所示。

  • 度量:设置得分环的度量字段,如下图所示为“数量”、“记录数”。

得分环的样式设置,分为图形、辅助信息和卡片设置三个子Tab。

图形设置:

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

辅助信息:

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

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

仪表图

仪表图的入口如下。

仪表图的的数据配置区如下图所示。

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

仪表图的样式设置,分为图形和卡片设置两个子Tab。

图形设置:

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

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

翻牌器

翻牌器的入口如下。

翻牌器的数据配置区如下图所示。

  • 数量:设置翻牌器的度量字段,如下图所示为“数值”。

翻牌器的样式设置,分为图形、卡片设置两个子Tab。

图形设置:

  • 指标名称:设置翻牌器是否显示指标名称,以及名称、文字样式、字距、对齐、距离。
  • 动画效果:设置动画效果。
  • 数据格式:设置数据类型。
  • 翻牌文本:设置类型、外框宽高、数字样式、文字样式、背景样式、边框样式、前缀和后缀。

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

百分比条

动态折线图组件的入口如下。

动态折线图的数据配置区如下图所示。

  • x轴:设置动态折线图的维度字段,如下图所示为“地区”。
  • y轴:设置动态折线图的度量字段,如下图所示为“销售额”。
  • 颜色:设置动态折线图的维度字段,如下图所示为“细分”。

动态折线图的样式设置,分为图形、辅助信息和卡片设置三个子Tab。

图形设置:

  • 动画:设置动画持续时间。
  • 折线:设置折线类型、颜色、标记点和宽度。
  • 数字标签:设置数字样式和数字颜色。
  • 绘图区:设置网格方向、颜色、线型以及背景、边框。

辅助信息:

  • 提示框:设置是否悬浮显示、自动轮播、文字样式、背景样式和指示器。
  • 坐标轴:设置是否显示坐标轴,支持X、Y轴分别设置轴标签、轴线和轴标题。
  • 数据标签:设置是否显示数据标签,以及文字样式、数据格式、文字颜色和显示设置。
  • 图例:设置是否显示图例,以及图例位置、对齐方式、文字样式和文字颜色。

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