---
order: 7
group:
  title: 列表
  order: 50
---

## 实时业主声音

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

const data = [
  {
    name: '银杏园-王先生',
    text: '刷脸开门用了三天感觉各方面还是蛮好的，省去了带钥匙的麻烦，点赞！',
  },
  {
    name: '翡翠苑-赵女士',
    text: '昨天小皮猴自己跑出小区，立刻收到了通知，太神奇了，家长可以省心了。',
  },
  {
    name: '香樟园-刘女士',
    text: '香樟园3幢2单元门禁机坏了，什么时候才能修好啊？可以快点派人过来修么',
  },
  {
    name: '留香园-孙先生',
    text: '昨晚车位被占，热心的保安小哥哥2分钟内解决了，服务很到位哦！',
  },
  {
    name: '香樟园-李先生',
    text: '香樟园3幢1单元电梯坏了！上下楼特别不方便。请尽快派人来修理',
  },
];

const props = {
  data,
  limit: 4,
  size: {
    width: 372,
    height: 350,
  },
};

export default () => (
  <div
    style={{
      width: '100%',
      height: '100%',
      background: `rgba(0, 0, 0, .2)`,
      padding: 50,
    }}
  >
    <Charts.OwnerVoiceList {...props} />
  </div>
);
```

## API

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

### size

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

## 数据源格式

```js
[
  {
    id: 1,
    name: '张晓峰',
    portrait:
      'https://gt-toolbox.oss-cn-beijing.aliyuncs.com/gt-toolbox/64273f9d-cfec-4183-962e-2c5cd038f10c.png',
    value: 4.5,
  },
];
```