waterwave.md 367 Bytes
Newer Older
nikogu's avatar
nikogu committed
1 2 3 4 5
---
order: 8
title: 水波图 
---

nikogu's avatar
nikogu committed
6 7
水波图是一种比例的展示方式,可以更直观的展示关键值的占比。

nikogu's avatar
nikogu committed
8 9 10 11
````jsx
import { WaterWave } from 'ant-design-pro/lib/Charts';

ReactDOM.render(
nikogu's avatar
nikogu committed
12
  <div style={{ textAlign: 'center' }}>
nikogu's avatar
nikogu committed
13 14 15 16 17 18 19 20
    <WaterWave
      height={161}
      title="补贴资金剩余"
      percent={34}
    />
  </div>
, mountNode);
````