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

## 跑马灯

跑马灯

```tsx
import React from 'react';
import * as Charts from 'edata-charts';
const props = {
  // textContent: [
  //   {
  //     value: '11',
  //   },
  //   {
  //     value: 'DataV',
  //   },
  //   {
  //     value: '222'
  //   },
  //   {
  //     value: '33'
  //   }
  // ],
  data: [{ value: 'EDATA可视化产品，创造属于您的双11指挥大屏！' }],
  animation: {
    carousel: true, // 轮播
    interval: true, //定速
    time: 10000, // 动画时间 单位ms
    endStagnation: 3000, // 停滞单位ms
    preStagnation: 0, // 停滞单位ms
  },
};

export default () => <Charts.Marquee {...props} />;
```

## API

| 参数        | 说明     | 类型   |
| ----------- | -------- | ------ |
| size        | 宽高     | object |
| textContent | 文本内容 | string |
| textStyle   | 文本样式 | object |
| animation   | 动效     | object |

### animation

| 参数          | 说明           | 类型    |
| ------------- | -------------- | ------- |
| carousel      | 轮播           | boolean |
| interval      | 定数           | boolean |
| time          | 时长(单位 ms)  | number  |
| endStagnation | 后停滞(单位 ms | number  |
| preStagnation | 前停滞(单位 ms | number  |