> For the complete documentation index, see [llms.txt](https://reee-visual.gitbook.io/ray-design/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://reee-visual.gitbook.io/ray-design/yi-biao-pan.md).

# 仪表盘

仪表盘 (Gauge) 是一种拟物化的图表，刻度表示度量，指针表示维度，指针角度表示数值。 

仪表盘图表就像汽车的速度表一样，有一个圆形的表盘及相应的刻度，有一个指针指向当前数值。目前很多可视化项目都是用这种图表，以直观的表现出某个指标的进度或实际情况。 

仪表盘的好处在于它能跟人们的常识结合，使大家马上能理解看什么、怎么看。拟物化的方式使图标变得更友好更人性化，正确使用可以提升用户体验。

### 一、仪表盘图解

![](/files/-Mkl6VxI4NT0RRMU9EfT)

### 二、基本属性

![](/files/-Mkl6dsMmKr_eFXUWCr4)

### 三、数据结构

> 第一行显示类别，类别的数量（不易超过3个）决定指针的数量；
>
> 第二行显示数值，数值的大小决定指针的旋转角度。

![](/files/-Mkl6vFlvao4cwbSMP1r)

### 四、适用场景

#### 4.1 单个维度的各类指数

主要适用于单个维度的应用场景，例如：收益率、完成率、开心指数、速度、满意度等指数型数据场景。

![](/files/-Mkl7eo2rmbLBeZMUF_I)

#### 4.2 钟表盘

分别有时针、分针和秒针三个维度，图表坐标轴收尾相连。

![](/files/-Mkl7tiiJN59TDzOCIMY)

### 五、不适用场景

#### 5.1 类别分类过多

类别分类超过3个不易使用仪表盘，过多会影响指针所指数据的易读性。

### 六、制作方法

1、使用RayCharts生成仪表盘，打开下方网址；

```
https://raycharts.raykite.com
```

2、左侧图表区选择仪表盘；

![](/files/-Mkl8RCV0TCB82eTT-yZ)

3、右侧编辑区自定义样式；

![](/files/-MkjcZHqbULnBXxEq8nr)

4、生成数据或者手动录入；

![](/files/-MkjboXYFK8llfnvKoXE)

5、预览生成效果。

![](/files/-Mkl8MsfSVA5Fd-0P6DZ)

### 七、仪表盘图史

仪表盘最早适用于汽车的车速表盘。

### 八、更多学习资源

* [仪表盘简介](https://www.codebi.cn/archives/%E5%8F%AF%E8%A7%86%E5%8C%96%E5%9B%BE%E8%A1%A8%E4%BB%AA%E8%A1%A8%E7%9B%98%E5%9B%BE.html)