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

## 词云

```tsx
import React, { useEffect } from 'react';
import * as Charts from 'edata-charts';

const data = [
  {
    name: 'Sam S Club',
    value: 10000,
  },
  {
    name: 'Macys',
    value: 6181,
  },
  {
    name: 'Amy Schumer',
    value: 4386,
  },
  {
    name: 'Jurassic World',
    value: 4055,
  },
  {
    name: 'Charter Communications',
    value: 2467,
  },
  {
    name: 'Chick Fil A',
    value: 2244,
  },
  {
    name: 'Planet Fitness',
    value: 1898,
  },
  {
    name: 'Pitch Perfect',
    value: 1484,
  },
  {
    name: 'Express',
    value: 1112,
  },
  {
    name: 'Home',
    value: 965,
  },
  {
    name: 'Johnny Depp',
    value: 847,
  },
  {
    name: 'Lena Dunham',
    value: 582,
  },
  {
    name: 'Lewis Hamilton',
    value: 555,
  },
  {
    name: 'KXAN',
    value: 550,
  },
  {
    name: 'Mary Ellen Mark',
    value: 462,
  },
  {
    name: 'Farrah Abraham',
    value: 366,
  },
  {
    name: 'Rita Ora',
    value: 360,
  },
  {
    name: 'Serena Williams',
    value: 282,
  },
  {
    name: 'NCAA baseball tournament',
    value: 273,
  },
  {
    name: 'Point Break',
    value: 265,
  },
];

const props = {
  data,
  limit: 30,
  size: {
    width: '100%',
    height: '100%',
  },
};

export default () => (
  <div style={{ width: 372, height: 200 }}>
    <Charts.WordCloud {...props} />
  </div>
);
```

## API

| 参数  | 说明                   | 类型   |
| ----- | ---------------------- | ------ |
| size  | 容器的宽高             | object |
| limit | 显示的数据条数，默认 4 | number |
| color | 星星样色，默认 #FF9900 | string |
| data  | 数据源                 | array  |

### size

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

## 数据源格式

```js
[
  {
    id: 1,
    title: '政策研究评分',
    value: 4.4,
  },
];
```