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

## 顶部组合栏

可用来显示温度、湿度、时间

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

const props = {
  city:'杭州市',
  size:{
    width:372,
    height:50
  }
};

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

```

## API

| 参数       | 说明       | 类型   |
| ---------- | ---------- | ------ |
| size       | 容器的宽高 | object |
| city       | 城市       | string |
| img   | logo图片地址       | string |
| isShowTemperature  | 展示温度组件   | boolean |
| isShowHumidity  | 展示温度组件   | boolean |
| isShowLogo  | 展示温度组件   | boolean |


### size

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