指标类图表
1. 概述
本文将依次介绍每个指标图表的配置方式。
2. 详细说明
翻牌器
翻牌器的入口如下。
翻牌器的数据配置区如下图所示,只能拖入一个度量字段。
翻牌器的样式设置,分为图形、卡片设置两个子Tab。
图形设置:
- 指标名称:设置翻牌器是否要展示指标名称,以及名称的文字样式。
- 样式:设置翻牌器的布局样式。
- 动画效果:设置翻牌器的轮播效果。
- 翻牌文本:设置翻牌器的文本样式。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
仪表图
仪表图的入口如下。
仪表图的数据配置区如下图所示,只能拖入一个度量字段。
仪表图的样式设置,分为图形、卡片设置两个子Tab。
图形设置:
- 样式设置:设置仪表图的颜色跟文字样式。
- 范围:设置仪表图的数值展示范围。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
单值占比图
单值占比图的入口如下。
单值占比图的数据配置区如下图所示。
- 名称:指标的名称。
- 值:指标的值。
单值占比图的样式设置,分为图形、卡片设置两个子Tab。
图形设置:
- 圆环:设置圆环的颜色、宽度等样式。
- 指标:设置中间文字的展示内容跟样式。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
水球图
水球图的入口如下。
水球图的数据配置区如下图所示。
- 名称:指标的名称。
- 值:指标的值。
水球图的样式设置,分为图形、卡片设置两个子Tab。
图形设置:
- 水波样式:设置水波颜色、背景颜色等样式。
- 文本样式:设置中间区域的文字样式。
得分环
得分环的入口如下。
得分环的数据配置区如下图所示。
- 度量:设置得分环的度量字段,如下图所示为“数量”、“记录数”。
得分环的样式设置,分为图形、辅助信息和卡片设置三个子Tab。
图形设置:
- 环形设置:设置方向、环颜色、环底色、环值尺寸、环底尺寸、最大值、最小值。
- 动画效果:设置加载动画和停留时长。
辅助信息:
- 数据标签:设置是否显示类目标签或数值标签,以及设置标签样式、类目标签和数值标签。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
仪表图
仪表图的入口如下。
仪表图的的数据配置区如下图所示。
- 数值:设置仪表图的度量字段,如下图所示为“数量”。
仪表图的样式设置,分为图形和卡片设置两个子Tab。
图形设置:
- 数值:设置仪表图是否显示数值,以及设置数据样式。
- 刻度:设置仪表图是否显示刻度,以及设置数值范围、分段数、刻度线以及刻度标签。
- 表盘样式:设置仪表图是否显示表盘样式,以及设置内半径、外半径、指针、中心原点、表盘颜色。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
翻牌器
翻牌器的入口如下。
翻牌器的数据配置区如下图所示。
- 数量:设置翻牌器的度量字段,如下图所示为“数值”。
翻牌器的样式设置,分为图形、卡片设置两个子Tab。
图形设置:
- 指标名称:设置翻牌器是否显示指标名称,以及名称、文字样式、字距、对齐、距离。
- 动画效果:设置动画效果。
- 数据格式:设置数据类型。
- 翻牌文本:设置类型、外框宽高、数字样式、文字样式、背景样式、边框样式、前缀和后缀。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。
百分比条
动态折线图组件的入口如下。
动态折线图的数据配置区如下图所示。
- x轴:设置动态折线图的维度字段,如下图所示为“地区”。
- y轴:设置动态折线图的度量字段,如下图所示为“销售额”。
- 颜色:设置动态折线图的维度字段,如下图所示为“细分”。
动态折线图的样式设置,分为图形、辅助信息和卡片设置三个子Tab。
图形设置:
- 动画:设置动画持续时间。
- 折线:设置折线类型、颜色、标记点和宽度。
- 数字标签:设置数字样式和数字颜色。
- 绘图区:设置网格方向、颜色、线型以及背景、边框。
辅助信息:
- 提示框:设置是否悬浮显示、自动轮播、文字样式、背景样式和指示器。
- 坐标轴:设置是否显示坐标轴,支持X、Y轴分别设置轴标签、轴线和轴标题。
- 数据标签:设置是否显示数据标签,以及文字样式、数据格式、文字颜色和显示设置。
- 图例:设置是否显示图例,以及图例位置、对齐方式、文字样式和文字颜色。
卡片设置:设置卡片的标题、边框、阴影、背景等样式。