1. 概述
1.1 应用场景
百分比仪表盘，有两种样式：百分比圆环仪表盘、百分比刻度槽型仪表盘。
可以直观地表现出某一项数据占总量的占比，可以展示销售完成率、产品合格率等，也可以作为一个进度百分比展示。如下图所示：
1.2 基本要求
| 图表类型 | 维度 | 指标 |
|---|---|---|
| 百分比仪表盘 | 0 | 1 |
1.3 图表特点
优点：直观的表现出某个指标的进度和完成情况，主要用于进度或占比的展现。
缺点：只能展示一个指标数据，展示信息有限。
2. 百分比圆环仪表盘
2.1 添加组件
新建仪表板 ，点击「添加组件」，选择「供应商产品表」。如下图所示：
2.2 生成图表
1）新增一个计算字段百分比，自定义百分比数据。如下图所示：
2）在图表类型下选择「仪表盘」，图形属性下选择第三个子类型，将「百分比」字段拖入到指针值处。如下图所示：
3）点击「目标值」，设置目标值为 1 。如下图所示：
2.3 美化图表
2.3.1 设置标签
1）将「百分比」字段拖入到标签栏，设置数值格式为「百分比」。如下图所示：
2）点击「标签」栏，点击内容格式右下角「编辑」按钮。如下图所示：
3）自定义标签样式。如下图所示：
2.3.2 设置颜色
点击「颜色」栏，可设置圆环、刻度槽、底盘的颜色。如下图所示：
注：仪表盘半径大小设置请参见：大小
2.4 效果查看
2.4.1 PC 端
2.4.2 移动端
App 及 HTML5 端效果如下图所示：
2.5 多个维度值的仪表盘
用户想要同时展示多维度值的仪表盘，例如展示三个区的采购金额，如下图所示：
此时，将相关字段拖入维度和指标栏，再点击「仪表盘」，结果只能展示一个区域的仪表盘，如下图所示：
原因是横轴和纵轴没有维度字段的情况下，仪表盘会覆盖显示，将「归属战区」字段再拖入横轴或者纵轴，就可以显示三个战区的仪表盘，如下图所示：
3. 百分比刻度槽型仪表盘
步骤与第二章完全一样，不同点在于，2.2 节时，图表类型下选择「仪表盘」后，图形属性下选择第四个子类型。
1）PC 端效果
如下图所示：
2）移动端效果
App 及 HTML5 端效果如下图所示：
