---
order: 1
group:
  title: 事件区
  order: 10
---

## 事件列表

Demo:

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

const scale = 1;

const props = {
  env: 'dev',
  apiEnv: 'dev',
  eventCategories: [
    'ServiceForLifeEvent',
    // 'SecurityEvent',
    // 'FireEvent',
    // 'CarTrafficEvent',
    // 'DynamicEnvironmentalEvent',
  ],
  id: '5f3a2568eb08670455f202d8',
  limit: 30,
  option: {},
  scale,
  projectId: 't32632',
  size: {
    width: '100%',
    height: 206,
  },
};

// useEffect(() => {
//   setTimeout(() => {
//     DispatchIOCEvent('eventList.filter', {
//       eventTypes: [
//         ['FireEvent', 'HouseAlarm'],
//         ['FireEvent', 'FireControlAlarm'],
//       ],
//       effectiveTime: 3,
//     });
//   }, 3000);
//   setTimeout(() => {
//     DispatchIOCEvent('eventList.revert', null);
//   }, 6000);
// }, []);

export default () => (
  <div
    style={{
      width: '100%',
      height: 208,
      transform: `scale(${scale}) translateZ(0)`,
      transformOrigin: 'left bottom',
      background: '#000',
    }}
  >
    <Charts.BizEventList {...props} />
  </div>
);
```