> 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/shui-bo-tu.md).

# 水波图

水波图（Wave Diagram）是一种动画图表，其意义与柱状图类似，外形又与多环图类似。依靠波在形状中的高度占比来反映数据，是一种形象有趣的形式表示占比。

### 一、图解

#### 1.1 水波图图解

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FUIgURKLhoScboCRhca97%2FFrame%20496.png?alt=media\&token=50ec4b19-adc7-4be4-a7a8-cb35f00ceb9a)

#### 1.2 波形图解

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FPc4aXNzZcZ140avA2o66%2FFrame%20428.png?alt=media\&token=d0d0af2e-4d39-44e0-8a14-26d0bd3e7567)

### 二、基本属性

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2F60WNFJuUgc4MN635t3d4%2F%E8%A1%A8%E6%A0%BC.png?alt=media\&token=4e2e6ad2-8cb0-4cf7-92c6-5f58c492707b)

### 三、数据结构

> 第一行显示类别，类别数量决定形状的数量； 
>
> 第二列显示类别的数据值，数值的大小决定水波在形状中的占比。

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FuW14uVQQBLePJX4tyiis%2F%E8%A1%A8%E6%A0%BC.png?alt=media\&token=a8251eee-47bb-4030-ba3d-f99e1f008c1f)

### 四、适用场景

与多环图适用场景很类似，相比多环图，水波图更形象生动。 

例如：某班级男生于女生的占比情况

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FhnReyu6BUWTz9Kco8CH1%2FFrame%20499.png?alt=media\&token=a407e119-a6bb-4ca0-99c6-cb252e3b9025)

### 五、不适用场景

虽然水波图形象生动，但不能滥用，在可视化场景中使用一到两处重点区域即可。若满屏的水波图会使画面会非常混乱，无视觉焦点。

### 六、水波图图史

水波图是一种新型统计图表，是各种显示设备与开发技术普及后的一种新生图表。

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2Fmvea7S8mPPBbKdr1iIOS%2Fimage%2089.png?alt=media\&token=82243a85-b44c-4aad-b036-5b0d0eae9a32)

效果是由波形图与柱状图的一种衍生。

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2FFBvGfW20jl2oDGSn5BB2%2Feaf81a4c510fd9f9882d84a82e2dd42a2834a43d%201.png?alt=media\&token=865093a7-07d6-4551-9e6a-9c16952c049c)

示波器是一种用途十分广泛的电子检测仪器。它能把肉眼看不见的电信号变换成看得见的图象，便于人们研究各种电现象的变化过程。

![](https://1409316402-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MgjgEVyOOsD9KEBdUQH%2Fuploads%2Fh9KV1SyuARB87i5xp6rj%2F9358d109b3de9c8232be08cb6c81800a18d8439f%201.png?alt=media\&token=7cbb754a-49e4-4b81-9c1f-806aa7b6f0f1)

### 七、更多学习资源

[1、水波图实现原理](https://zhuanlan.zhihu.com/p/57900950)