---
order: 15
group:
  title: 文本
  order: 40
---

## 湿度

可用来显示湿度

```tsx
import React from 'react';
import * as Charts from 'edata-charts';

const props = {
  city:'杭州市',
};


export default () => (
   <div
    style={{ background: '#181B1D', width: '100%', height: 60, padding: 10 }}
  >
  <Charts.Humidity {...props} />
  </div>
  );
```

## API

| 参数       | 说明       | 类型   |
| ---------- | ---------- | ------ |
| size       | 容器的宽高 | object |
| city       | 城市       | string |
| labelStyle | 属性样式   | object |
| valueStyle | 值样式     | object |

### size

| 参数   | 说明 | 类型           |
| ------ | ---- | -------------- |
| width  | 宽度 | number\|string |
| height | 高度 | number\|string |



### labelStyle

| 参数       | 说明     | 类型   |
| ---------- | -------- | ------ |
| fontSize | 字体大小   | string |
| color    | 字体颜色   | string |

### valueStyle

| 参数       | 说明     | 类型   |
| ---------- | -------- | ------ |
| fontSize | 字体大小   | string |
| color    | 字体颜色   | string |