waterwave.md

---
order: 8
title: 水波图
---

水波图是一种比例的展示方式，可以更直观的展示关键值的占比。

```jsx
import { WaterWave } from 'ant-design-pro/lib/Charts';

ReactDOM.render(
  <div style={{ textAlign: 'center' }}>
    <WaterWave height={161} title="补贴资金剩余" percent={34} />
  </div>,
  mountNode
);
```